更新时间: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'];
}
}
]
});