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

vue elmentUi el-scrollbar 美化滚动条样式_第1张图片



vue elmentUi el-scrollbar 美化滚动条样式_第2张图片

样式:

.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");
}


展示效果:

vue elmentUi el-scrollbar 美化滚动条样式_第3张图片

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

 

 
   
 
  

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

你可能感兴趣的:(vue elmentUi el-scrollbar 美化滚动条样式)