为大家推荐一款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