【滚动视差-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】](http://img.gansulong.com/231102/00032Q393-0.png)
文章插图
具体看详细教程:(来自简书)
基本页面搭建如下:
Parallax backgroundDemo of background scrolling at constant speed independent of content height.
less content - more content
- 闷雷滚动的解释 闷雷滚动的拼音
- 苹果手机怎么滚动截屏
- ProgressBar的简单使用
- 老头滚动条
- 笔记本电脑触摸板怎么滚动 笔记本电脑触摸板怎么滚动右侧屏幕
- PPT也能制作滚动字幕,原来制作滚动字幕效果这么简单
- 为什么只做一只股,只做一只股票怎么选
- mui之 scroll采坑
- 2007-06-02--06-04 黄山三日游
- 滚动字幕怎么制作 滚动字幕