页面效果:
关于这个效果的模仿:
我起初是在知乎获知了一个叫 skrollr.js 的库,并且学习并应用到自己的页面,由于我的页面不像上面的是静态节点,文章和图片都是请求得到,并且是分步请求依赖于 img 的 onload 事件来渲染一套(文章+背景图)的模板,并 append 到页面中。刚开始的实现是把背景图全部用 fixed 定位层叠到屏幕,利用 skrollr 的根据参照物做出 css 属性状态变化来达到效果。但实际上哪怕不写效果,只要一个 skrollr.js 的初始化函数,在安卓机上就卡得不行。 skrollr.js 作者也有指出,如下图:
后来又仔细观察了下楼上惊蛰页面的效果,发现:
疑问: