Скрытие полоса прокрутки в 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; 
}