myScroll原生滚动条插件(原创)

所属分类:UI-滚动

 14103  167  查看评论 (0)
分享到微信朋友圈
X
myScroll原生滚动条插件(原创) ie兼容11

更新时间: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'];
           }
      }
   ]
});
相关插件-滚动

自制高度可定制滚动条插件(原创)

自制原生JS高度可定制化的滚动条插件,高度自定义,轻量化,浏览器兼容良好
  滚动
 32898  423

jquery逐条文字向上滚动

jquery逐条文字向上滚动效果
  滚动
 51748  428

漂浮广告插件

漂浮广告插件,上下滚动浮动垂直剧中。
  滚动
 35816  347

jQuery美化滚动条插件mCustomScrollbar

mCustomScrollbar 是个基于 jQuery UI 的自定义滚动条插件,它可以让你灵活的通过 CSS 定义网页的滚动条,并且垂直和水平两个方向的滚动条都可以定义
  滚动
 34076  335

讨论这个项目(0)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复