连续检查页面（客户端）高度并根据该值更改页脚高度

Question

在我的网站上，我试图完成（使用javascript）如果页面高度大于特定值（907像素，身高），则页脚高度会发生变化。如果页面高度发生变化，它也需要更改（因此，如果查看者更改了其客户端高度）。

我使用jQuery来获取页面高度，但我需要不断检查它，而不仅仅是在页面加载时。

这是我使用的代码段：

$(document).ready(function(){
    var windowheight = $(window).height();
    if(windowheight >= "907") {
        var extrafooterheight = windowheight - 907;
        $('#footer').height(40 + extrafooterheight);
        $('body').height(907 + extrafooterheight);
    }
});

感谢您的帮助。

Answer 1

我建议使用jQuery附加到窗口的resize事件：

$(document).ready(function(){
    $(window).resize(function() {
        var windowheight = $(window).height();

        if(windowheight >= "907") {
            var extrafooterheight = windowheight - 907;
            $('#footer').height(40 + extrafooterheight);
            $('body').height(907 + extrafooterheight);
        }
    });
});

看看the jQuery resize() docs。