jQuery滚动条插件:jquery-custom-content-scroller

为大家推荐一款jQuery滚动条插件:jquery-custom-content-scroller。
由于不同浏览器对滚动条的设置方法不一致,为了一致的用户体验,有时我们就不得不放弃使用部分浏览器提供的CSS接口来定制滚动条,转而寻求更佳的代替方案。使用插件的好处是显而易见的,但是坏处也多得去了。自己在项目中慢慢体会吧。
想了解这款jQuery写的浏览器滚动条插件jQuery-custom-content-scroller的具体使用方法,
请移步到:http://manos.malihu.gr/jquery-custom-content-scroller/

简单介绍一下jQuery滚动条插件的使用:

第一步:在内容的顶部引入滚动条相应的样式表文件和jquery的库文件,jquery插件jquery.mcustomscrollbar文件。代码如下:

<link rel="stylesheet" type="text/css" href="jquery.mCustomScrollbar.css" >
<script src="http://cdn.bootcss.com/jquery/1.8.3/jquery.js"></script>
<script src="jquery.mCustomScrollbar.concat.min.js"></script>

第二步:在要显示滚动条的元素(元素内容中必须要有溢出的块,否则就不会出现滚动条)上面,加入class=”mScrollbar”,然后再加入以下代码:

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

关于此插件的详细介绍,你可以访问官网,里面讲的相当详细,我就不再此多赘述。

百度网盘备份:
http://pan.baidu.com/s/1bp43gv1

发表评论

邮箱地址不会被公开。 必填项已用*标注