Question

我正在尝试在我的页面上获取content div以在用户调整页面大小时自行修复。我在顶部和底部都有静态div，使content div成为唯一一个调整大小以与页面一起流动的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，以便它适合我的两个静态div。

在页面加载时，我运行test()函数，它会像它应该的那样调整内容div的大小。但是当我用尺寸调整手柄调整窗口大小时，它会一直缩小到内容的大小（现在只有几个字）。

这是页面本身的实时：spynsycle.com/ttr （忽略丑陋的绿色，仅用于调试目的）

有什么想法吗？

Answer 1

正如@JaredFarris所说，你需要接受$(window).height()。例如，如果您使用Chrome或Firefox（使用Firebug）访问该网站并将以下内容放入控制台，则会根据您的需要调整其大小：

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

为什么JQuery .Resize（）给我带来麻烦？

1 个答案: