Scrollify需要jQuery 1.6 +和jquery.easing.js。
最基本的设置如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | <! doctype html> < html > < head > < script > $(function() { $.scrollify({ section : "section", }); }); </ script > </ head > < body > < section ></ section > < section ></ section > </ body > </ html > |
配置
这是默认配置:
1 2 3 4 5 6 7 8 9 10 | $.scrollify({ section : "section" , sectionName : "section-name" , easing: "easeOutExpo" , scrollSpeed: 1100, offset : 0, scrollbars: true , before: function () {}, after: function () {} }); |
选项
section 选择器部分。
sectionName Scrollify允许您定义一个散列值为每个部分。这使得它可以永久链接到特定的部分。这是作为一个数据集属性部分。定义的数据属性的名称
easing 定义easing的方法
offset 抵消每个部分位置的像素。
scrollbars 一个布尔值来定义是否滚动条是否可见的。
===========以下内容由 一点钟方向3218710903提供==========
参数说明
section : "section", //section选择器,绑定需要滚动的对象。
sectionName : "section-name", //哈希值,用于区另于其它section
easing: "easeOutExpo", //easing的动画方法
scrollSpeed: 1100, //滚动的速度
offset : 0, // 抵消每个部分位置的像素
scrollbars: true, //定义是否滚动条是否可见的
before:function() {}, //动画前触发的函数
after:function() {} //动画后触发的函数
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com