css - DIV の水平スクロールバーを常にページの下部に固定して表示するにはどうすればよいですか?

Question

大きな (幅の広い) テーブルを含む Web サイトがあります。テーブルは jquery UI タブ内に配置されます。

次のようになります: http://jsfiddle.net/Tq3Rg/

ユーザーにとっては、右にスクロールするためにテーブルとページの一番下まで移動する必要があるため、これはやや面倒です。

スクロールバーを常にページの一番下に固定して表示することはできますか?

score 12 · Accepted Answer

固定の高さを設定します (インラインスタイルは使用しないでください)。

コード：

.top{
   height:10%;
}
.center{
   overflow:scroll;
   height:80%;
}
.bottom{
   height:10%;
}

ページの一番下にスクロールバーを配置したい場合は、カスタムスクロールバーなどを必要とせずにこれを達成する方法についてこの回答を確認できます。

score 1 · Accepted Answer

次のように、中央のdivに固定の高さを設定するだけです

<div style="background:white;overflow-y:scroll;height:400px;">

score 0 · Accepted Answer

3 に答える 3