简单插件隐藏滚动条

用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>

猜你喜欢

转载自blog.csdn.net/qq_29994361/article/details/82698067