vue3，Element Plus中隐藏菜单el-menu滚动条

最新推荐文章于 2025-04-03 16:38:20 发布

原创最新推荐文章于 2025-04-03 16:38:20 发布 · 611 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

菜单el-menu滚动条，分别垂直滚动条和水平滚动条，显得不美观

通过CSS样式设置，隐藏滚动条

  /* 
  写法2：隐藏左侧菜单垂直滚动条，此方法仅适用于 WebKit 内核浏览器（如 Chrome、Edge） 
  如果滚动条出现在 el-menu 或外层容器（如 el-aside）中，可以通过 CSS 隐藏滚动条。
  例如，若 el-aside 包裹 el-menu，则对 el-aside 添加以下样式：
  */
  .el-aside::-webkit-scrollbar {
    display: none;  
  }