隱藏滾動條

Question

目前我使用下面的代碼來顯示滾動條：

div.productsTree{ 
    height:300px; 
    overflow:scroll; 
} 

在使用這個CSS的滾動條是可見的所有的時間，這意味着，即使裏面的內容div不溢出。

如何在內容符合上述高度時隱藏它們？

Answer 1

With overflow:auto;。就這樣。

Answer 2

//Both x,y axis scroll 
div.productsTree{ 
    height:300px; 
    overflow:auto; 
} 

//only x axis scroll 
div.productsTree{ 
    height:300px; 
    overflow:auto; 
    overflow-y: hidden; 
} 

//only y axis scroll 
div.productsTree{ 
    height:300px; 
    overflow:auto; 
    overflow-x: hidden; 
}