3

永続的な垂直スクロールバーが必要な div があります。divに余分なコンテンツが含まれているためにスクロールバーが必要になる場合もあれば、不要な場合もありますが、divに余分なコンテンツがなくてもスクロールバーを含めたい場合でも、外観を一貫させたいと考えています。私はこれを試しましたが、余分なコンテンツがない場合はスクロールバーを追加しません:

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

また、高さを 200% に増やしてみました (html と本文は 100% に設定されています) が、ページ全体がスクロールします。これは私が望んでいるものではありません。 .

助言がありますか？

4

6 に答える 6

7

ラッパー コンテナを div 内に配置して、height:101% に設定してみてください。

于 2009-07-08T03:34:48.610 に答える
3

新しいブラウザーのほとんどは、CSS3 の overflow-x と overflow-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を参照してください。

于 2009-07-08T17:30:34.237 に答える
1

上部のコンテナーに高さとオーバーフロー y: スクロールを指定してから、コンテナーの高さより数ピクセル高い高さに設定された min-height を持つ残りのコンテンツ用のサブ コンテナーを用意します。

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>
于 2011-02-22T17:47:17.803 に答える
0

overflow-y:scroll を試してみてください...これでうまくいきます!

于 2010-05-13T09:23:52.220 に答える
0

それを使用overflow:autoすると、あなたが望むことができます

于 2009-07-08T03:27:07.127 に答える
0 
overflow: -moz-scrollbars-vertical;
overflow-y: scroll;

これはあなたを助けることができます

于 2012-10-30T16:30:31.117 に答える