模板网首页 > 建站教程 > 前端框架 >  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;
}

0
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢