天天看點

element-ui中隐藏滾動條el-scrollbar及修改滾動條顔色

element-ui中隐藏滾動條el-scrollbar及修改滾動條顔色

将會出現滾動的内容放到上述标簽内就可以了

這裡要簡單的設定一下,将标簽的

height設為100%

,檢視效果的時候,會出現一個橫向的滾動條,如果你不想要橫向的滾動條,使用下面css屬性設定就可以隻顯示豎向滾動條。
/deep/.el-scrollbar__wrap {
  overflow-x: hidden;//将橫向滾動條隐藏
}
/deep/.el-scrollbar__thumb {
  //可設定滾動條顔色
  background: transparent;//這裡我設定成了透明色,可以根據需求添加自己想要的顔色
}
           
element-ui中隐藏滾動條el-scrollbar及修改滾動條顔色