jQuery自定义滚动条插件mousescroll.js(原创)

所属分类:UI-滚动

jQuery自定义滚动条插件mousescroll.js(原创) ie兼容8

发布时间: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不能一样;

相关插件-滚动

苹果applewatch界面

苹果applewatch界面
  滚动
 8126  39

HTML5单页面全屏滚动特效

全屏滚动代码简单,非常适合新手。
  滚动
 18250  122

类似fullPage的全屏滚动插件

这是一款类似fullPage的全屏滚动插件,使用很简单
  滚动
 22336  100

jquery页面滚动定位(支持上下滑动)

jquery页面滚动定位(支持上下滑动)
  滚动
 13265  83

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

取消回复