jQuery滚动条插件-jQuery custom content scroller

所属分类:UI-滚动

 154902  515  查看评论 (55)
分享到微信朋友圈
X
jQuery滚动条插件-jQuery custom content scroller ie兼容8

jQuery滚动条的插件jQuery custom content scroller使用这个插件你可以轻松的给你的层追加很好看的滚动条。

使用步骤

1.引用jQuery类库极其相关的插件js和css库

<link href="jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css">
<script src="http://libs.baidu.com/jquery/1.9.1/jquery.min.js"></script>
<script src="jquery.mCustomScrollbar.concat.min.js"></script>


2.给元素追加自定义滚动条方法:

<script>
    (function($){
        $(window).load(function(){
            $(".content").mCustomScrollbar();
        });
    })(jQuery);
</script>


3.如果需要横向滑动你可以这么设置

$(".content").mCustomScrollbar({
    horizontalScroll:true
});
相关插件-滚动
  滚动
 37342  360

javript自定义滚动条

用原生的javript写的自定义滚动条具有拖拽,滚轮事件和键盘事件
  滚动
 32144  356

jQuery横向全屏切换滚动

jQuery横向全屏切换滚动兼容ie6
  滚动
 49090  455

css3页面鼠标纵向滑动效果

css3页面鼠标纵向滑动效果
  滚动
 63533  483

讨论这个项目(55)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    醉梦ぃ封尘 0
    2021/5/24 12:13:26
    加载太慢了
        西瓜0
        2021/5/24 22:31:02
        插件很小,加载不慢的,自行查找你加载慢的文件。
    回复
    XJTM 0
    2020/8/14 17:29:15
    这个插件是怎么监听div高度变化的? 回复
    字 藏辛 0
    2019/10/14 16:21:27
    各位大神,怎么让滚动条自动滚动 回复
    lebron?? 0
    2019/7/17 13:35:26
    请问 怎么能同时支持 x 和 y 的滚动? 发现横向 和 纵向只能同时支持其中一种
        .0
        2019/8/15 16:26:50
        想请问一下你解决了这个问题吗,我按照评论里的设置也没有成功
    回复
    笨幽灵 0
    2018/10/24 19:19:31
    数据多了太卡怎么办,有没有性能好一点的插件推荐呀
        ?╊?σν? м?0
        2021/11/11 13:50:17
        同问
    回复
    link 0
    2018/9/25 9:49:14
    为什么分页切换下一页会变成浏览器默认样式? 回复
    Stacey 0
    2018/9/10 17:40:08
    分页的时候使用此插件,进入下一页,滚动条的位置不是在最顶部,而是在前一页滚动后的位置,这个怎么解决呢 回复
    ?? 0
    2018/6/9 14:14:45
    已经超出了范围,但是滚动条不出现,要改变窗口大小才出现呢? 回复
    星火燎原 0
    2018/2/1 10:45:48

    感觉IE11都不兼容

        就是jiejie?林俊杰0
        2018/4/20 15:15:14
        我也是ie11,本来都用起来了,结果回到ie11一看不行!额!又把它拆下来了
        Max-A0
        2018/10/12 16:41:04
        一样啊 就是ie11 有问题 拖不动
        十万个为什么…0
        2019/6/3 11:36:27
        是的,ie11拖不动
    回复
    单于521 0
    2018/1/22 10:39:55

    怎么到底部后还是乱跑,就不能到底部后停止

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复