1.引入下列css文件和js文件
mCustomScrollbar.css,jquery.min.js,jquery-ui.min.js,mousewheel.min.js,mCustomSrollbar.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有冲突的地方,同时引用会出现一些冲突,需要想办法解决。