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

2014-06-26 05:22:33 +08:00
 Livid
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
9794 次点击
所在节点    Velocity
15 条回复
11
2014-06-26 06:23:06 +08:00
GUI? or GPU?
Livid
2014-06-26 06:26:51 +08:00
@11 打错了,是 GPU
coolicer
2014-06-26 09:02:27 +08:00
会粘住光标,你们有没有
superbear
2014-06-26 09:08:03 +08:00
FuryBean
2014-06-26 09:09:22 +08:00
看了一下Demo,功能上和iScroll的最新版本差不多,封装一下zygna的scroller也能做到绝大多数功能。不过ScrollerJS文档和例子还是比较全的,代码也蛮干净的。

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

但是某人说性能还不够好。
est
2014-06-26 10:15:26 +08:00
感觉不要劫持滚动条。无论多么细心都会有各种bug。
akfish
2014-06-26 10:16:41 +08:00
好吧,还以为用GPU通用计算来搞的,结果就是封装了下CSS3D Transform
jsonline
2014-06-26 10:20:31 +08:00
@est 对的,不顺应浏览器的设计都将失败。
adjusted
2014-06-26 13:23:47 +08:00
非常高兴看到新的尝试,scroll的问题实在是太大了,兼容,速度,风格每个平台都不一样;也许重新实现是比各个平台分别兼容测试更好的选择。
dorentus
2014-06-26 13:44:10 +08:00
OS X 默认配置下:
使用触摸板,滑动时看不到滚动条;没有回弹效果……
haishan
2014-06-28 14:04:53 +08:00
不喜欢

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/119579

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX