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