element-ui 的隐藏组件el-scrollbar (滚动条组件)
elementUI 中有一个隐藏组件<el-scrollbar>，用来修改滚动条的样式；
因为element用div自定的滚动条 所以可以
.is-horizontal{
display: none;
}
隐藏下自定义的滚动条.is-vertical{
display: none;
}
隐藏侧边自定义的滚动条
1.组件名称
|
1
|
<el-scrollbar class='page-component__scroll'></el-scrollbar> |
2.修改默认样式 ，最好在前面加上：class名/id名，用来区别
|
1
2
3
|
.page-component__scroll .el-scrollbar__wrap { overflow-x: hidden;} |
一种情况用于高度固定：
|
1
2
3
4
5
6
7
|
<div style="height:600px;"> <el-scrollbar style="height:100%"> <div style="width:700px;height:700px;border:solid;" > ....... blabla..... </div> </el-scrollbar> </div> |
