element ui的滚动条的使用

如何使用element ui 自带的滚动条：

在需要滚动条的容器外层：

<el-scrollbar style="height:100%">
　　需要滚动条的容器// 这个容器需要限定高度哦：如height: 100%;如height:calc(100% - 60px);等
</el-scrollbar>

全局样式：（如果只需要Y轴的滚动条）

.el-scrollbar__wrap {
  overflow-x: hidden!important;
}
.el-scrollbar__bar.is-horizontal {
  display: none;
}

　注意：直接像上方这样写的话，element的下拉框底部会消失一部分（因为下拉框也用来这个滚动条组件），所以要留意一下，我是给弹框加了滚动条，所以这样写了。总之给样式限定一个范围，或者单独调整下拉框的样式。

    .el-dialog__body>.el-scrollbar .el-scrollbar__wrap {
      overflow-x: hidden!important;
    }
    .el-dialog__body>.el-scrollbar .el-scrollbar__bar.is-horizontal {
      display: none;
    }

element ui的滚动条的使用

推荐阅读