更新时间: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