更新时间:2020-06-14 23:22:57
1. 顶部显示浏览进度
2. 滚动到底部刷新数据
3. 埋点动画
4. ...
1. 引入MyScroll.js文件
2. new MyScroll()
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']; } } ] });