ScrollerJS -- 在今年的 Velocity 2014 上看到的最酷的东西 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
Velocity Beijing 2015
O'Reilly Velocity
Web Performance and Operations
http://velocityconf.com/
YSlow
Best Practices for Speeding Up Your Web Site
Livid
54.36D
461.23D
V2EX    Velocity

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

  •  
  •   Livid
    PRO
    2014-06-26 05:22:33 +08:00 10526 次点击
    这是一个创建于 4125 天前的主题,其中的信息可能已经有所发展或是发生改变。
    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 条回复    2014-06-28 14:04:53 +08:00
    11
        1
    11  
       2014-06-26 06:23:06 +08:00
    GUI? or GPU?
    Livid
        2
    Livid  
    MOD
    OP
    PRO
       2014-06-26 06:26:51 +08:00
    @11 打错了,是 GPU
    coolicer
        3
    coolicer  
       2014-06-26 09:02:27 +08:00   1
    会粘住光标,你们有没有
    superbear
        4
    superbear  
       2014-06-26 09:08:03 +08:00   1
    FuryBean
        5
    FuryBean  
       2014-06-26 09:09:22 +08:00   1
    看了一下Demo,功能上和iScroll的最新版本差不多,封装一下zygna的scroller也能做到绝大多数功能。不过ScrollerJS文档和例子还是比较全的,代码也蛮干净的。

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

    但是某人说性能还不够好。
    est
        10/span>
    est  
       2014-06-26 10:15:26 +08:00   2
    感觉不要劫持滚动条。无论多么细心都会有各种bug。
    akfish
        11
    akfish  
       2014-06-26 10:16:41 +08:00
    好吧,还以为用GPU通用计算来搞的,结果就是封装了下CSS3D Transform
    jsonline
        12
    jsonline  
       2014-06-26 10:20:31 +08:00
    @est 对的,不顺应浏览器的设计都将失败。
    adjusted
        13
    adjusted  
       2014-06-26 13:23:47 +08:00
    非常高兴看到新的尝试,scroll的问题实在是太大了,兼容,速度,风格每个平台都不一样;也许重新实现是比各个平台分别兼容测试更好的选择。
    dorentus
        14
    dorentus  
       2014-06-26 13:44:10 +08:00
    OS X 默认配置下:
    使用触摸板,滑动时看不到滚动条;没有回弹效果……
    haishan
        15
    haishan  
       2014-06-28 14:04:53 +08:00
    不喜欢
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     5590 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 27ms UTC 07:11 PVG 15:11 LAX 00:11 JFK 03:11
    Do have faith in what you're doing.
    ubao 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