滚动条样式插件

2019独角兽企业重金招聘Python工程师标准>>>

mCustomScrollbar官网http://manos.malihu.gr/jquery-custom-content-scroller/

参考网站教程http://blog.youkuaiyun.com/cdnight/article/details/41351505

第一步：引入css

<link href="jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" />

第二步：引入js（引入的顺序不能更改）

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script src="jquery.mousewheel.min.js"></script>
<script src="jquery.mCustomScrollbar.js"></script>

第三步：调用

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

第四步：在需要该变滚动条样式的容器里加入class：content；

<div class="content">
			<p>大量滚动内容</p>
		</div>

 

转载于:https://my.oschina.net/Cubicluo/blog/761967