如果內容高度不足以滾動，如何隱藏CSS的滾動條？

Question

如果我有一堆帶有overflow-y: scroll的元素，它們將全部以滾動條的track出現，不管它們的內容是否足夠長以便滾動。

在這個例子中，只有第三項有足夠的內容向下滾動。

我該如何做到這一點，以便那些不夠長的卷軸不顯示track，但是足夠長的卷軸可以保持它？

Codepen例如：http://codepen.io/JoshuaSoileau/pen/YwxERp

Answer 1

設置overflow-y到auto，它應該像你想讓它工作。

ul { 
     float: left; 
     width: 80px; 
     list-style: none; 
     margin-right: 30px; 
     background: rgba(255,0,0,0.25); 
     overflow-y: auto; 
     max-height: 73px; 
    }