改變element-ui滾動條設置,

基於vue的滾動條組件之--element隱藏組件滾動條scrollbar使用

在項目中,老是須要用到滾動條,但windows瀏覽器默認的滾動條是很醜的,爲了頁面美觀,能夠考慮優化滾動條樣式。 

vue Element UI官方文檔上並無放出滾動條相關的示例說明,可是其實是有這麼一個組件的,可查看源碼。css

 <el-scrollbar></el-scrollbar>

  將會出現滾動的內容放到上述標籤內就能夠了。 
這裏要簡單的設置一下,將標籤的height設爲100%,查看效果的時候,會出現一個橫向的滾動條,若是你不想要橫向的滾動條,使用下面css屬性設置就能夠只顯示豎向滾動條。html

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

示例使用方法以下: vue

相關文章
相關標籤/搜索