0

内部にスクロールする DIV が必要です。これはブラウザー ビューの 100% の高さである必要があり、下部に絶対位置の別の DIV も必要です (固定はオプションではありません)。

これはできますか？

+-ooo----------------------------------+
|              Web Browser             |
+--------------------------------------+
|                                      |
|         BODY overflow:hidden         |
|                                      |
|                                      |
|       DIV WITH SCROLL INSIDE IT      |
|        height:100% (of window)       |
|           overflow: scroll           |
|                                      |
|                                      |
|                                      |  
+--------------------------------------+
|         Fixed DIV height:50px        |
+--------------------------------------+
4

1 に答える 1

0

その div を一番下に配置すると、メイン コンテンツ領域の上に表示される可能性があると思います。

ただし、この CSS を使用して 100% の高さを実現できます。

html, body, #content_div
{
    height: 100%;
}

そして、コンテンツ div にオーバーフローを設定します。トリッキーな部分は、下部の固定 div が重ならないようにすることです。クロスブラウザーの方法でそれを取得する唯一の方法は、Javascript を使用して開始時に使用可能なウィンドウの高さを検出し、そこから 50px を差し引いて、その高さをコンテンツ div に設定することです。ユーザーがブラウザー ウィンドウのサイズを変更した場合を処理するために、おそらく onresize イベント ハンドラーも追加する必要があります。

于 2013-01-14T16:06:33.083 に答える