「オーバーフロー：スクロール;」の替わりにdivに永続的な垂直スクロールバーを作成するには？

Question

私には恒久垂直スクロールバーが必要なdivがあります。 divに余分なコンテンツが含まれていて、それ以外の時間が必要ない場合はスクロールバーが必要になることがありますが、div内に余分なコンテンツがない場合でも、スクロールバーを挿入したい場合でも外観を一貫させます。私はこれを試してみましたが、余分なコンテンツが存在しないときには、スクロールバーを追加しません：私も（htmlと体が100％に設定されている）が、その後、ページ全体をスクロール200％に高さを高くしようとした

div#collection 
{ 
    margin: 0 0 0 0; 
    padding: 0 0 0 0; 
    border: 0 0 0 0; 
    float: right; 
    width: 200px; 
    height: 100%; 
    background: white; 
    overflow:scroll; 
} 

- 私が欲しいものではない - ページの残りの部分がそのまま残っている間は、divだけをスクロールしたい。

提案がありますか？

Answer 1

はdiv要素の中にラッパーコンテナを配置しようとすると、高さに設定してくださいやりたいだろう：101％を。

Answer 2

使用overflow:autoそれはあなたが

Answer 3

最近のほとんどのブラウザでは、CSS3のオーバーフロー-xとyのオーバーフローをサポートしています。スクロール...トリックを行うだろう：

div.verticalscroll { 
    overflow: auto; /* For browsers that can't do overflow-y */ 
    overflow-y: scroll; /* Controls overflow on the y-axis */ 
} 

はhttp://www.brunildo.org/test/Overflowxy2.html

Answer 4

てみオーバーフロー-Yを参照してください！

Answer 5

トップコンテナに高さとオーバーフロー-y：スクロールを与え、残りのコンテンツのサブコンテナの最小高さをコンテナの高さよりも2ピクセル高く設定します。

div#collection 
{ 
    margin: 0 0 0 0; 
    padding: 0 0 0 0; 
    border: 0 0 0 0; 
    float: right; 
    width: 200px; 
    height: 400px; 
    background: white; 
    overflow:scroll; 
} 

div#sub { 
    min-height: 402px; 
} 

<div id="collection"> 
    <div id="sub"> 
     Content goes here. 
    </div> 
</div> 

Answer 6

overflow: -moz-scrollbars-vertical; 
overflow-y: scroll; 

これはあなたの