1. 程式人生 > >elementUI樹狀圖豎向滾動條和橫向滾動條問題

elementUI樹狀圖豎向滾動條和橫向滾動條問題

在使用vue時,就會有使用到elementUI,之後就是不斷的在入坑和天坑之間徘徊。

elementUI中有個隱藏的元件,就是滾動條-----<el-scrollbar></el-scrollbar> 可以參考elementUI的官網程式碼

這裡用F12可以檢視到

新增之後會有出現橫向滾動的樣式(很醜)

這裡需要新增一個樣式 

.el-scrollbar .el-scrollbar__wrap {overflow-x: hidden;}

有時候會遇到寫上去無法作用上去的問題,這時候需要在滾動元素外,自己新增一個元素   

class或者id + .el-scrollbar .el-scrollbar__wrap {overflow-x: hidden;} 

之後,再重寫下面的樣式,就會出現和豎向滾動條一樣的樣式了,如果遇到無法作用上的問題,解決方法和上面一樣 

class或者id + .el-tree>.el-tree-node{display:inline-block;}