滚动条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有冲突的地方,同时引用会出现一些冲突,需要想办法解决。

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

一路追求匠人精神

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值