scrollify.js 鼠标滚动


在线实例

实例演示

使用方法

  1. <! doctype html>
  2. <html>
  3. <head>
  4. <script>
  5. $(function() {
  6. $.scrollify({
  7. section : "section",
  8. });
  9. });
  10. </script>
  11. </head>
  12. <body>
  13. <section></section>
  14. <section></section>
  15. </body>
  16. </html
  1. $.scrollify({
  2. section : "section",
  3. sectionName : "section-name",
  4. easing: "easeOutExpo",
  5. scrollSpeed: 1100,
  6. offset : 0,
  7. scrollbars: true,
  8. before:function() {},
  9. after:function() {}
  10. });


  1. $.scrollify("move","#name");

参数详解

  • section
  • 节点部分选择器.
  • sectionName
  • 每一个section节点对应的data属性.
  • easing
  • 定义缓冲动画.
  • offset
  • 定义每个色彩tion节点的偏移量.
  • scrollbars
  • 是否显示滚动条.
  • before
  • 回调函数,滚动开始前触发.
  • after
  • 回调函数,滚动完成后触发.


云盘内容


 jQuery插件大全打包

HTML5+CSS3+PHP+jQuery等示例
大小
170M(300+个文件)

注意:示例只是当前的内容,【下载】的是全部jQuery插件一起打包后的文件。

下载地址