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