滚动视差-02【超强的skrollr.js】

【滚动视差-02【超强的skrollr.js】】滚动视差-02【超强的.js】
上一篇文章的滚动视差,用的是原生js来写,其效果比较生硬,现在要做的滚动视差利用的是.js插件 。.js是一款轻量级,功能强大的js库,但它要求IE9以上的浏览器 。话不多说,直接上代码 。
官方网站:
地址:
详细教程:(来自简书)
效果截图:
一、搭建基本页面
注意点:1、有两种模式: mode和 mode; mod用如下代码所示,另外的一种用的类似于:
data-top-,这个模式需要一个参考元素,如它相对于(class=“foot”)为参考,这时候就要在元素里面添加上
data--,不然看不出效果,如下代码所示

2、data-[]中的offer可以很大,也可以很小,它的值大小也是能达到某种效果的重点哦!

滚动视差-02【超强的skrollr.js】

文章插图
具体看详细教程:(来自简书)
基本页面搭建如下:
Parallax backgroundDemo of background scrolling at constant speed independent of content height.
less content - more content