jQuery滚动条插件-jQuery custom content scroller用起来很简单方便

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
});

4:演示中有一个滚动条并且带上下箭头的是客户非常喜欢的效果。需要加一个参数

<script>
    (function($){
        $(window).load(function(){
            $("#scroll_content").mCustomScrollbar({
				scrollButtons:{
					enable:true
				}
			});
        });
    })(jQuery);
</script>

5：注意要给内容区域一个高度，当内容没有达到这个高度的时候是不会出现滚动条的

<div class="main">
	<div class="content" id="scroll_content" style="height:500px">
		<!--内容内容内容-->
	</div>
</div>

这里怎么不能上传附件？？？？

https://download.csdn.net/download/sloafer/10623794  只能传到这里感觉好不方便。