在谷歌和火狐浏览器中使用以下代码只能隐藏 谷歌的滚动条火狐只能出去右侧长的滚动条
//包着左侧菜单栏
<el-scrollbar style="height:100%;overflow-x:hidden!important;" class="scroll_bar">
</el-scrollbar>
// 放在vue公共样式中
.form-scroll {
overflow-y: auto;
margin-top: 5px;
}
::-webkit-scrollbar{
width: 0; height: 0;
}
.form-scroll::-webkit-scrollbar {
width: 6px;
height: 6px;
}
.form-scroll::-webkit-scrollbar-thumb {
border-radius: 4px;
background: #e4e4e4;
}
.el-scrollbar__wrap {
height: 100%;
overflow: hidden;
}
可以去除右侧滚轮
去除掉火狐中低侧的滚动条 上下结合正好去除 谷歌和火狐的侧菜单的滚动条
/* 处理火狐左侧菜单低侧滚轮 */
放在vue公共样式中
/* .el-scrollbar__wrap {
height: 100%;
overflow: hidden;
} */
来源:https://blog.csdn.net/weixin_43723051/article/details/102777544