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