隐藏滚动条

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; 
}