这个屌丝很懒，什么也没留下！

element-ui 组件的侧边菜单的滚动条样式_element ui 侧边栏菜单设置滚动条

作者：运维做开发 | 2024-08-12 22:39:11

element ui 侧边栏菜单设置滚动条

使用element-ui 里的一个组件，文档里面没有说明，源码中是有的。

<el-scrollbar></el-scrollbar>

将会出现滚动的内容放到上述标签内就可以了。

同时，要将标签的height设为100% ；

如果使用的布局容器有顶部固定：如下图：


.el-col {
  height: calc(100vh - 60px);  // #app的高度为100vh , header高度为60px 时
}

底部的滚动条不需要就设置下面样式：


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

声明：本文内容由网友自发贡献，转载请注明出处：【wpsshop】

element-ui 组件 的 侧边菜单的滚动条样式_element ui 侧边栏菜单设置滚动条