1

私はこれをほとんど何日も考えてきました。しかし、私の問題には解決策が見つかりません。

スクロールバーで自動高さdivを設定する方法はありますか？現在、私は修正高さを使用していますが、画面解像度が大きいまたは小さい別のラップトップまたはPCでそれを開くと、まだ修正されているという問題があります身長。

ここに私のdivがあります:

<div style="overflow:auto; width:1050px; height:760px;">

ここに私のリンクがありますので、プログラムを見ることができます

私が欲しいのは、画面の解像度に応じて高さが自動になることだけです..

4

2 に答える 2

2

スクリプトを使用して、計算されたウィンドウの高さを取得し、それを対象の要素の高さと等しくなるように設定できます。この場合、関数はロード時とサイズ変更時に実行されます。のクラスを持つ各要素にautoheightは、ウィンドウの高さと同じ高さが与えられます。

例はこちら

var setElementHeight = function () {
    var height = $(window).height();
    $('.autoheight').css('min-height', (height));
};

$(window).on("resize", function () {
    setElementHeight();
}).resize();

上記の方法は、クラスの追加以外の変更を必要としないため問題ありません。ただし、jQuery の使用を避けたい場合は、代わりに次のようにすることができます。

例はこちら

html, body {
    height:100%;
    width:100%;
}
.autoheight {
    height:100%;
}
于 2013-09-01T15:34:28.497 に答える
0

固定位置を使用して試すことができます：

<div style="position:fixed; overflow:auto; width:100%; height:100%;">
于 2013-09-01T15:15:31.030 に答える