ScrollerJS -- 在今年的 Velocity 2014 上看到的最酷的东西 - V2EX
Velocity Beijing 2015
O'Reilly Velocity
Web Performance and Operations
http://velocityconf.com/
YSlow
Best Practices for Speeding Up Your Web Site
Livid
276.74D
572.88D

ScrollerJS -- 在今年的 Velocity 2014 上看到的最酷的东西

  •  
  •   Livid
    PRO
    Jun 26, 2014 10997 views
    This topic created in 4340 days ago, the information mentioned may be changed or developed.
    http://scrollerjs.com/

    用 CSS 3D Transform 来实现的由 GUI 驱动的高性能页面滚动。

    会议上的幻灯片:

    http://scrollerjs.com/talks/velocity2014/

    这里有一个 demo:

    http://scrollerjs.com/examples/feed/example-default.html

    作者的 GitHub:

    https://github.com/diervo
    15 replies    2014-06-28 14:04:53 +08:00
    11
        1
    11  
       Jun 26, 2014
    GUI? or GPU?
    Livid
        2
    Livid  
    MOD
    OP
    PRO
       Jun 26, 2014
    @11 打错了,是 GPU
    coolicer
        3
    coolicer  
       Jun 26, 2014   1
    会粘住光标,你们有没有
    superbear
        4
    superbear  
       Jun 26, 2014   1
    FuryBean
        5
    FuryBean  
       Jun 26, 2014   1
    看了一下Demo,功能上和iScroll的最新版本差不多,封装一下zygna的scroller也能做到绝大多数功能。不过ScrollerJS文档和例子还是比较全的,代码也蛮干净的。

    Github上类似的Library还有:
    https://github.com/acidb/mobiscroll
    https://github.com/ftlabs/ftscroller
    rannnn
        6
    rannnn  
       Jun 26, 2014   1
    和以前的iScroll有啥区别?
    moxuanyuan
        7
    moxuanyuan  
       Jun 26, 2014
    @coolicer 双击就会出现这种情况
    wizaliu
        8
    wizaliu  
       Jun 26, 2014
    看起来不错
    iwege
        9
    iwege  
       Jun 26, 2014
    貌似最早的iscroll就是用的3d transform来做的吧?印象里面两年前就是了。

    但是某人说性能还不够好。
    est
        10
    est  
       Jun 26, 2014   2
    感觉不要劫持滚动条。无论多么细心都会有各种bug。
    akfish
        11
    akfish  
       Jun 26, 2014
    好吧,还以为用GPU通用计算来搞的,结果就是封装了下CSS3D Transform
    jsonline
        12
    jsonline  
       Jun 26, 2014
    @est 对的,不顺应浏览器的设计都将失败。
    adjusted
        13
    adjusted  
       Jun 26, 2014
    非常高兴看到新的尝试,scroll的问题实在是太大了,兼容,速度,风格每个平台都不一样;也许重新实现是比各个平台分别兼容测试更好的选择。
    dorentus
        14
    dorentus  
       Jun 26, 2014
    OS X 默认配置下:
    使用触摸板,滑动时看不到滚动条;没有回弹效果……
    haishan
        15
    haishan  
       Jun 28, 2014
    不喜欢
    About     Help     Advertise     Blog     API     FAQ     Solana     1048 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 121ms UTC 22:40 PVG 06:40 LAX 15:40 JFK 18:40
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86