jQuery自定义滚动条插件mousescroll.js（原创）

插件特效

2026-07-25 22:41 3 次浏览 • 0 次下载 3.0KB

插件描述：基于jQuery,通过构造函数封装，同一页面也可以多次调用

发布时间：2018-6-13 0:32

使用方法

$(function(){
  var api = new myApi();
  api.mouseScroll.inte($('elem'),speen);
})

复制 /*滚动条样式*/ 到CSS样式文件中（可以根据自己需要自行修改）；

选引入JQ库，再引入插件文件，打开插件，找到以上代码改id和速度（elem是滚动内容的低级id，speen是滚动速度）。

多次调用时，只要复制多次下面代码，

var api = new myApi();
api.mouseScroll.inte($('elem'),speen);

如下：

$(function(){
      //调用一次
      var api_0 = new myApi();
      api_0.mouseScroll.inte($('elem'),speen);
      //调用两次
      var api_1 = new myApi();
      api_1.mouseScroll.inte($('elem'),speen);
      //调用三次
      var api_2 = new myApi();
      api_2.mouseScroll.inte($('elem'),speen);
})

注意：：多次调用一定要注意变量api不能一样；