更新时间:2020-06-14 23:22:57
1. 顶部显示浏览进度
2. 滚动到底部刷新数据
3. 埋点动画
4. ...
1. 引入MyScroll.js文件
2. new MyScroll()
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | new MyScroll({ "showBar" : true , //是否显示进度条 "color" : "rgb(10, 116, 218)" , //进度条颜色 "height" : "3px" , //进度条高度 "debug" : false , //调试模式 "event" : [ { "height" : "100%" , //触发条件 支持px和百分比 "loop" : true , //是否循环使用 true/false 设置false后执行执行一次后会销毁 "type" : "up-down" , //触发方式 支持up-down down-up all三种方式 "func" : function () { alert( '我到底部了' ) } //触发后执行的方法 },{ "el" : "#testimg" , //支持selector选择器或原生dom "loop" : false , "height" : "200px" , //正值:指定元素出现后向下滑动相应长度触发事件 负值相反 "func" : function () { document.querySelector( "#testimg" ).classList = [ 'animation1' ]; } } ] }); |
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com