0

contentユーザーがページのサイズを変更したときに、ページのdivを修正して修正しようとしています。上部と下部に静的なcontentdivがあり、ページに合わせてサイズを変更するのはdivだけです。

$(window).resize(function() {
    var height = $("#content").height();
    newheight = (height-136)+"px";
    $("#content").css("height",newheight);
});
function test() {
    var height = $("#content").height();
    newheight = (height-136)+"px";
    $("#content").css("height",newheight);
}

高さから136pxを引いて、2つの静的divの間に収まるようにします。

ページの読み込み時にtest()関数を実行すると、コンテンツdivのサイズが適切に変更されます。しかし、サイズ変更ハンドルを使用してウィンドウのサイズを変更すると、コンテンツのサイズまで縮小されます（現在は数語のみ）。

ページ自体はライブです：spynsycle.com/ttr （醜い緑は無視してください。デバッグ目的のみです）

何かご意見は？

4

1 に答える 1

2

@JaredFarrisが述べているように、あなたは取る必要があります$(window).height()。たとえば、ChromeまたはFirefox（Firebugを使用）でサイトにアクセスし、コンソールに次のものを配置すると、希望どおりに完全にサイズ変更されます。

$(window).resize(function() {
    var height = $(window).height();
    newheight = (height-136)+"px";
    $("#content").css("height",newheight);
});
于 2012-07-28T23:09:22.893 に答える