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