用mCustomScrollbar插件
1、引入jquery.mCustomScrollbar.css文件
2、外层放 wrapper这个类,限制高度的层放 content_8 content这两个类(可根据自己需求选择不同的类,亦可在css文件修改)
3、把滚动条变透明即可
<style type="text/css">
<!--此页滚动条单独样式,不可放在css样式表-->
.mCSB_container{margin-right:0;}
.mCSB_container{margin-right:0;}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background:rgba(29, 143, 225, 0);
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background:rgba(29, 143, 225, 0);
}
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:rgba(29, 143, 225, 0);
filter:"alpha(opacity=0)";
-ms-filter:"alpha(opacity=0)"; /* old ie */
}
.mCustomScrollBox > .mCSB_scrollTools{
opacity: 0;
filter:"alpha(opacity=0)";
-ms-filter:"alpha(opacity=0)"; /* old ie */
}
.mCustomScrollBox:hover>.mCSB_scrollTools{
opacity:0;
filter:"alpha(opacity=0)";
-ms-filter:"alpha(opacity=0)"; /* old ie */
}
</style>