上一篇关于css滚动条样式的文章《美化css滚动条样式，就这么简单》与IE、火狐浏览器的兼容性还不够，但今天，这篇文章完全可以解决这个问题。 使用jquery插件jquery.mCustomScrollbar也很容易使用。 风格主题我们用得很充分，也可以定制风格。
1 .使用方法：
1 )首先引入jquery插件jquery.mCustomScrollbar样式及其js和jquery
2 )以框box为例，单击css滚动条$(.box ) ).mCustomScrollbar )；
2 .范例代码如下： html
css滚动条的风格，jquery插件完美解决了ie火狐不兼容问题. box{
width:600px；
height:400px；
margin :100 px自动；
border :1 px固态# 000；
border-right:0；
}
. main{
overflow-x :隐藏；
overflow-y :自动；
color:#000；
font-size:16px；
height:100%；
}
. mainp{height:300px； }
内容1
内容2
内容3
(功能($ ) {
$(window ).on('load '，function ) ) {
$'.box'.mcustomscrollbar (
//官方网站滚动条的主题
theme:'3d-thick-dark '
)；
)；
() ) jQuery；
3 .范例说明：
1 )使用了官网滚动条的主题“3d-thick-dark”
2 )选择你喜欢的主题，然后点击试试。 官方网站滚动条的主题
3 )该插件只兼容IE8以上
4 .最后：
插件jquery.mCustomScrollbar官方网站地址：
炸毁服务器
除注明外，其他文章均来源：老汤博客。 转载请留下这个地址。