1:资源下载
https://github.com/malihu/malihu-custom-scrollbar-plugin,我是从这里下载的。
2:引入
注意顺序。
<link rel="stylesheet" href="jquery.mCustomScrollbar.css"> <script src="malihu-custom-scrollbar-plugin-master/js/minified/jquery-2.1.0.min.js"></script> <script src="malihu-custom-scrollbar-plugin-master/js/minified/jquery-ui-1.10.4.min.js"></script> <script src="malihu-custom-scrollbar-plugin-master/js/minified/jquery.mCustomScrollbar.min.js"></script> <script src="malihu-custom-scrollbar-plugin-master/jquery.mCustomScrollbar.js"></script>
3:加载
我是对 content 进行了这个操作。
<script type="text/javascript"> (function($){ $(window).load(function(){ $(".content").mCustomScrollbar(); }); })(jQuery); </script>
4:修改 content 的样式
<div class="accordion" data-mcs-theme="dark" style="height: 500px;">