Element ui el-scrollbar 隐藏滚动条组件

东明兄 2019-06-05
0条评论 5,649 次浏览
东明兄 2019-06-050条评论 5,649 次浏览

使用Element ui搭建后台管理系统的时候,侧边垂直导航栏由于导航比较多 出现了滚动条 .原生的浏览器滚动条太丑了,发现element   有提供隐藏滚动条的插件 但是文档上却没有写 这个组件,不过用法 很简单  直接  嵌套 出现滚动的内容就好了:

<el-scrollbar><ul><li>要滚动的内容</li></ul>></el-scrollbar>

我用到的地方:

补充: 发现底部会出现 横线滚动条, 添加以下公共样式 解决:

//隐藏横向滚动条
.el-scrollbar__wrap{
  overflow-x: hidden;
}

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注