ElementUI组件--滚动条＜el-scrollbar＞

比原始浏览器自带的滚动条好看多了  不追求特定样式滚动条的话使用这个是很方便美观的。这个标签在element官方文档上也并没有明确出现。我是在研究vue-element-admin这个集成模板的代码时发现的新标签。

 <el-scrollbar style="height:100%">

</el-scrollbar>

在你需要滚动的地方前后套上这个标签即可

效果：

但是我这里碰到了一个问题是如果直接拿来用 我不需要横向滚动式 也会有一个固定的横向滚动条 很丑

如果你这里不需要横向滚动条的话 可以设置隐藏横向滚动条

.el-scrollbar .el-scrollbar__wrap {
  overflow-x: hidden;
}