投稿 搜索
当前位置: 站长天下 / 界面UI滚动 / jQuery自定义滚动条特效插件
jQuery自定义滚动条特效插件
标签:

插件介绍

    一款基于jQuery,通过构造函数封装,同一页面也可以多次调用。

    浏览器兼容性

    浏览器兼容性
    时间:2018-06-13
    阅读:

jQuery自定义滚动条特效插件

简要教程

一款基于jQuery,通过构造函数封装,同一页面也可以多次调用。

使用方法

$(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不能一样;