Element UI中的滚动条

发表于 | 更新于 | 分类于

Element UI 中滚动条

在使用vue + element开发项目时，需要对滚动条进行美化，找了一下element文档没找到相关滚动组件，但是文档中肯定是有用到的，如下图
Alt text

1
2
3
4
5
  <div style="height:100%;">
   <el-scrollbar class="m-scroll" style="height:100%;">
    <router-view/>
</el-scrollbar>
  </div>

初见成效
Alt text
但是底部的横向滚动条却还在，仔细看了下，问题在这里
Alt text
margin-bottom 设为负值，但是我的项目里没能起效(有可能是项目样式有冲突，未去深究)，暴力改写样式加上overflow-x:hidden
Alt text
可以，很强了！