使用elementUI滾動條之橫向滾動

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

<el-scrollbar></el-scrollbar>

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

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

示例使用如下：　　

以上是常見的用法。

廣州vi設計http://www.maiqicn.com 辦公資源網站大全https://www.wode007.com

如果需求橫向滾動，可以使用這個方法。參照上面的用法，前提是li標簽的內容需要浮動或者 display:inline-block; 然后高度按需要定義

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