V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member Sign In
This topic created in 3292 days ago, the information mentioned may be changed or developed.
页面效果：
关于这个效果的模仿：
我起初是在知乎获知了一个叫 skrollr.js 的库，并且学习并应用到自己的页面，由于我的页面不像上面的是静态节点，文章和图片都是请求得到，并且是分步请求依赖于 img 的 onload 事件来渲染一套（文章+背景图）的模板，并 append 到页面中。刚开始的实现是把背景图全部用 fixed 定位层叠到屏幕，利用 skrollr 的根据参照物做出 css 属性状态变化来达到效果。但实际上哪怕不写效果，只要一个 skrollr.js 的初始化函数，在安卓机上就卡得不行。 skrollr.js 作者也有指出，如下图：
后来又仔细观察了下楼上惊蛰页面的效果，发现：
- 容器内的每个父块都是 absolute 定位，并且都是 left:0 top: 0 right: 0 bottom: 0
- 容器采用了类似kinetic库利用 touch 事件使用 translate 模拟滚动。。。 效果 demo: demo
疑问：
- 他是如何达到视差效果，虽然看到有 z-index 属性
- 他的 translate 基本上是移除一屏的高度，然后后面的页面就上来了。。。 这种如何做到了，求具体解释
No Comments Yet
Select Language