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>