在线实例

实例演示

使用方法

  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
  • 回调函数,滚动完成后触发.

最新文章

  1. [网络安全] [视频分享]KaLi Linux基础培训2016 最新的哦【福吧资源网】
  2. hwclock 显示或设置CMOS时间
  3. poj 1511(spfa)
  4. Leetcode 9 Palindrome Number 数论
  5. Mysql_mysql 性能分析及explain用法
  6. 六、Struts2的配置文件
  7. AT-PagerAdapter
  8. 完整的开发一个ContentProvider步骤
  9. 解决的方法:warning: Clock skew detected. Your build may be incomplete.
  10. poj 2263&amp;&amp; zoj1952 floyd
  11. Android常用Permission
  12. Python dir()/help()
  13. tag上、push上和pull 取Docker 映像
  14. python之集合
  15. vm虚拟机中linux无法连接外网?
  16. docker --环境变量制作模板
  17. BottomNavigationView 使用
  18. Vue路由获取路由参数
  19. Microsoft Dynamics CRM service 创建,更新等操作时,注意写抛出异常时,抛出SoapException异常
  20. [LeetCode] Next Permutation(一种巧妙的解题方法)

热门文章

  1. 项目中是用eCharts
  2. BOM之window对象
  3. Java多线程系列--“JUC原子类”05之 AtomicLongFieldUpdater原子类
  4. [linux] is not in the sudoers file
  5. Windows Azure Cloud Service (12) PaaS之Web Role, Worker Role, Azure Storage Queue(下)
  6. 意译:《JVM Internals》
  7. 脚本引用中的defer和async的用法和区别
  8. C#--参数数组
  9. DirectShowNet 使用摄像头录像+录音
  10. Oracle 数据泵导入导出