vue elmentUi el-scrollbar 美化滚动条样式

样式：

.scroll {
  height: 100px;
  overflow-y: hidden;
}

.el-scrollbar{
  height: 100%;
}
.el-scrollbar__bar{
  &.is-vertical{
    width:100px;//滚动条宽度
  }
}
.el-scrollbar__wrap{
  overflow-y: auto;
  overflow-x:hidden;
}
.el-scrollbar__thumb {
  ////可设置滚动条颜色
  background: url("../../assets/logo.png");
}


展示效果：

 注：特别注意select下拉的滚动条是否受影响

 

转载于:https://www.cnblogs.com/yixiaoyang-/p/10950177.html