单独的视差滚动的JavaScript库,支持手机(Android,iOS,等)大小只有12K。
设计师友好。即使不懂JavaScript。只需要简单的CSS和HTML知识即可轻松上手。
============以下是用户 只看不发了 提交的用法==============
使用方法
1、添加css,css文件在examples目录里
1 2 | < link href = "/build/css/fixed-positioning.css" rel = "stylesheet" type = "text/css" /> < link href = "/build/css/skrollr.css" rel = "stylesheet" type = "text/css" /> |
2、添加js,js文件在dist目录里
1 | < script type = "text/javascript" src = "/build/js/skrollr/skrollr.min.js" ></ script > |
针对IE9以下的浏览器,还需添加skrollr.ie.min.js
1 2 3 | <!--[if lt IE 9]> <script type="text/javascript" src="/build/js/skrollr/skrollr.ie.min.js"></script> <![endif]--> |
3、初始化
1 2 3 4 5 6 7 8 9 10 11 | <script type= "text/javascript" > var s = skrollr.init({ edgeStrategy: 'set' , easing: { WTF: Math.random, inverted: function (p) { return 1-p; } } }); </script> |
PS:修改div中的data属性可自定义div出现的高度
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com