在线实例
使用方法
- <! doctype html>
- <html>
- <head>
- <script>
- $(function() {
- $.scrollify({
- section : "section",
- });
- });
- </script>
- </head>
- <body>
- <section></section>
- <section></section>
- </body>
- </html
复制
- $.scrollify({
- section : "section",
- sectionName : "section-name",
- easing: "easeOutExpo",
- scrollSpeed: 1100,
- offset : 0,
- scrollbars: true,
- before:function() {},
- after:function() {}
- });
复制
- $.scrollify("move","#name");
复制
参数详解
- section
- 节点部分选择器.
- sectionName
- 每一个section节点对应的data属性.
- easing
- 定义缓冲动画.
- offset
- 定义每个色彩tion节点的偏移量.
- scrollbars
- 是否显示滚动条.
- before
- 回调函数,滚动开始前触发.
- after
- 回调函数,滚动完成后触发.