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
V2EX  ›  Velocity

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

  •  
  •   Livid · 2014-06-26 05:22:33 +08:00 · 9744 次点击
    这是一个创建于 3563 天前的主题,其中的信息可能已经有所发展或是发生改变。
    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
       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
    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   ·   我们的愿景   ·   实用小工具   ·   1145 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 18:35 · PVG 02:35 · LAX 11:35 · JFK 14:35
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.