隐藏 DIV 的滚动条

Question

目前我正在使用以下代码来显示滚动条：

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

使用此 CSS 时，滚动条始终可见，这意味着即使 div 内的内容不会溢出。

当内容符合上述高度时，如何隐藏它们？

Answer 1

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