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

Daming 2019-06-05
0条评论 2,822 次浏览
Daming 2019-06-050条评论 2,822 次浏览

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

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

我用到的地方:

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

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

1+

发表评论

电子邮件地址不会被公开。