el-scrollbar隐藏横向滚动条以及消除el-select和el-cascader的影响

最新推荐文章于 2024-05-29 14:10:30 发布

扶苏1002

最新推荐文章于 2024-05-29 14:10:30 发布

阅读量229

点赞数 2

分类专栏： CSS实战文章标签： vue.js elementui javascript

本文链接：https://blog.csdn.net/qq_44741577/article/details/136268111

版权

CSS实战专栏收录该内容

12 篇文章 0 订阅

订阅专栏

在全局样式中添加

/* 隐藏el-scrollbar的横向滚动条 */
  .el-scrollbar {
    .el-scrollbar__wrap {
      overflow-x: hidden;
      .el-scrollbar__view {
        height: 100%;
      }
    }
  }
  // el-selec下拉框底部遮盖问题
  .el-select-dropdown .el-scrollbar {
    padding-bottom: 17px;
  }
  // el-selec暂无数据的底部遮盖问题
  .el-select-dropdown .el-scrollbar.is-empty {
    padding-bottom: 0;
  }
  // el-cascader下拉框底部遮盖问题
  .el-cascader__suggestion-panel.el-scrollbar {
    padding-bottom: 17px;
  }
  // el-cascader暂无数据的底部遮盖问题
  .el-cascader__dropdown .el-cascader-panel .el-scrollbar {
    padding-bottom: 17px;
  }