elementUI滚动条美化组件——el-scrollbar的简单使用

elementUI是一款非常常用的前端框架，基于vue，使用方便。但是它的官方文档却没有提供关于滚动条美化的相关组件。其实是有的，就是el-scrollbar。使用方法如下：

1、在需要溢出滚动的地方加入下面的代码，其中height可以设置成固定高度，也可以设置成百分比：

<el-scrollbar style="height:100px">
    <div>这里是内容</div>
</el-scrollbar>

2、如果不需要横向滚动条，可以在全局样式里面加下面的代码（不要在scoped私有变量添加）：

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

部分素材资源来源网站，本站提供免费下载，如有侵权请联系站长马上删除！