myScroll基本用法

MyScroll，一款在顶部显示浏览进度同时支持丰富滚动事件的原生js插件。

可以实现：

顶部显示浏览进度
滚动到底部刷新数据
埋点动画
...

使用方法

1. 引入MyScroll.js文件

2. new MyScroll()

基本用法


      // 默认参数
      new MyScroll({
       "showBar": true, //是否显示进度条
       "color": "rgb(10, 116, 218)", //进度条颜色
       "height": "3px", //进度条高度
       "debug": false, //调试模式
       "event": []
      });

高级用法


      // 指定距离触发
      new MyScroll({
       "event": [{
        "height": "100%", //触发条件 支持px和百分比
        "loop": true, //是否循环使用 true/false 设置false后执行执行一次后会销毁
        "type": "up-down", //触发方式 支持up-down down-up all三种方式
        "func": function () {
          alert('我到底部了')
         } //触发后执行的方法
       }]
      });

      // 指定元素触发
      new MyScroll({
       "event": [{
       "el": document.querySelector("#submit"), //在当前元素可视区域时触发 支持原生dom或querySelector选择器
       "loop": true, //是否循环使用 true/false 设置false后执行执行一次后会销毁
       "func": function () {
         alert('我看到#submit元素了')
        } //触发后执行的方法
       }]
      });

高级用法demo