首页 > 建站教程 > 前端框架 >  elementUI滚动条美化组件——el-scrollbar的简单使用正文

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;
}