jQuery插件 - 滚动条样式-jQuery custom content scroller，兼容所有浏览器

有时需要对div加滚动条，并且需要一定的样式，如果采用CSS的方法兼容性总是出各种问题，比如在firefox浏览器上就很难做到完美兼容，当然firefox目前的使用率不是很高，大概不足10%，也可以不考虑采用CSS的方法，代码简单！

而采用插件的方法，比如jQuery custom content scroller滚动条插件，好处就是兼容性良好，并且有很多样式主题可以选择，但缺点就是过大，JS+CSS一起接近100k，如果是普通小站并且带宽很低的站，对于加载的速度有一定影响。

今天在写一个zblog主题ydblack的时候，快讯模块要加入滚动条，CSS的方法除了firefox其它都正常，最终还是选择了使用jQuery custom content scroller插件，就是因为兼容性，作为模板对于兼容性的要求较高。

首先加载js+css

link href="{
$host}
zb_users/theme/{
$theme}
    /style/css/jquery.mCustomScrollbar.min.css" rel="stylesheet">
script src="{
$host}
zb_users/theme/{
$theme}
    /script/jquery.mCustomScrollbar.concat.min.js" type="text/javascript">
    /script>
    script>
    (function($){
        $(window).on("load",function(){
            $(".Scrollbar").mCustomScrollbar({
             theme:"minimal-dark", //选了minimal-dark样式             scrollInertia: 0, //滚动不加入任何动画时间//更多配置信息 http://manos.malihu.gr/jquery-custom-content-scroller/             }
    );
        }
    );
    }
    )(jQuery);
    /script>
    

配置可以官网查看：http://manos.malihu.gr/jquery-custom-content-scroller/

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！