滚动条mCustomScrollbar的使用

1.引入下列css文件和js文件

mCustomScrollbar.cssjquery.min.jsjquery-ui.min.jsmousewheel.min.jsmCustomSrollbar.js4个文件,js文件顺序需要和以上一致。

2.需要引入滑动条的div给上id或者class供调用。

3.在当前页面的脚本中加上

(function(){
            $(window).load(function(){
                $('.table').mCustomScrollbar();
            })
        }(jQuery))

这里的table即为需要滑动条的div块。

----------------------------------------------   至此mCustomScrollbar简单调用成功。

4.一些使用过的方法

①有时候div块是ajax请求后动态获取的,获取后append上去,因此需要在append后使用   $('.table').mCustomScrollbar('update');

②将滑动条滑动到某一个地方,$('.table').mCustomScrollbar('scrollTo','last');

这里第二个参数的值主要有: top bottom left right first last Integer(滚动到某个位置,像素单位)

③将滑动条禁用: $('.table').mCustomScrollbar('disable',true);

④有一个注意点,mCustomScrollbar和bootstrap-table有冲突的地方,同时引用会出现一些冲突,需要想办法解决。

 

你可能感兴趣的:(前端)