スクロールする必要がないときにスクロールバーを削除する

Question

下記のCSSの結果としてスクロールバーを持つdivがあります。しかし、スクロールする必要がない場合、バーはまだそこにあります。スライダ/矢印はありませんが、emtpyバーがあります。コンテンツがオーバーフローした場合にのみバーを表示する方法はありますか？ありがとう。

#id{ 
    overflow: -moz-scrollbars-vertical; 
    overflow-x: hidden; 
    overflow-y: scroll; 
} 

Answer 1

使用

overflow: auto; 

実際に自動車の挙動はCSS2.1 明細書では詳細に指定されていない

自動オーバーフローならば、オーバーフローにのみ表示されます。既存の実装では、必要に応じてスクロールバー を提供しますが、コンテンツ が要素のボックスをオーバーフローしない限り、スクロールバーは表示されません。

http://reference.sitepoint.com/css/overflow