O'Reilly Velocity
Web Performance and Operations
› http://velocityconf.com/
YSlow
› Best Practices for Speeding Up Your Web Site
ScrollerJS -- 在今年的 Velocity 2014 上看到的最酷的东西
Livid · 2014-06-26 05:22:33 +08:00 · 9985 次点击这是一个创建于 3798 天前的主题，其中的信息可能已经有所发展或是发生改变。
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
用 CSS 3D Transform 来实现的由 GUI 驱动的高性能页面滚动。
会议上的幻灯片：
http://scrollerjs.com/talks/velocity2014/
这里有一个 demo：
http://scrollerjs.com/examples/feed/example-default.html
作者的 GitHub：
https://github.com/diervo
 |
1
11 2014-06-26 06:23:06 +08:00
GUI? or GPU?
|
 |
3
coolicer 2014-06-26 09:02:27 +08:00  1
会粘住光标，你们有没有
|
 |
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 |
 |
6
rannnn 2014-06-26 09:15:52 +08:00 1
和以前的iScroll有啥区别？
|
 |
7
moxuanyuan 2014-06-26 09:29:48 +08:00
@coolicer 双击就会出现这种情况
|
 |
8
wizaliu 2014-06-26 10:04:54 +08:00
看起来不错
|
 |
9
iwege 2014-06-26 10:05:50 +08:00
貌似最早的iscroll就是用的3d transform来做的吧？印象里面两年前就是了。
但是某人说性能还不够好。 |
 |
10
est 2014-06-26 10:15:26 +08:00 2
感觉不要劫持滚动条。无论多么细心都会有各种bug。
|
 |
11
akfish 2014-06-26 10:16:41 +08:00
好吧，还以为用GPU通用计算来搞的，结果就是封装了下CSS3D Transform
|
 |
13
adjusted 2014-06-26 13:23:47 +08:00
非常高兴看到新的尝试，scroll的问题实在是太大了，兼容，速度，风格每个平台都不一样；也许重新实现是比各个平台分别兼容测试更好的选择。
|
 |
14
dorentus 2014-06-26 13:44:10 +08:00
OS X 默认配置下：
使用触摸板，滑动时看不到滚动条；没有回弹效果…… |
 |
15
haishan 2014-06-28 14:04:53 +08:00
不喜欢
|
Select Language