使用elementUI滾動條之橫向滾動

用過elementUI組件應該會知道它內置一個滾動效果，官網對此組件沒有相關文檔,也是細心網友發現的。

<el-scrollbar></el-scrollbar>

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

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

示例使用以下：　　

以上是常見的用法。

---

 

若是需求橫向滾動，可使用這個方法。參照上面的用法，前提是li標籤的內容須要浮動或者 display:inline-block; 而後高度按須要定義

.el-scrollbar .el-scrollbar__wrap .el-scrollbar__view{
   white-space: nowrap;
}