javascript - 基于浏览器视口的内容高度

Question

如果我的主要内容容器小于浏览器的视口，我有一些使用 JQuery 的 Javascript 来给它一个高度。这是为了确保页脚始终位于页面底部。文我这样称呼它，它的工作原理：

$(document).ready(function() {
    var windowHeight = $(window).height();
    var contentHeight = windowHeight - 325;
    if($("#content").height() <= contentHeight) {
        alert(contentHeight);
        $("#content").height(contentHeight+"px");
    }
});

但是我想将它声明为一个函数，这样我就可以在页面调整大小事件中使用它，但是当我这样做时，它就不起作用了。这是我尝试使用的代码：

function pageSizer() {
    var windowHeight = $(window).height();
    var contentHeight = windowHeight - 325;
    if($("#content").height() <= contentHeight) {
        alert(contentHeight);
        $("#content").height(contentHeight+"px");
    }
}

$(document).ready(pageSizer());
$(window).resize(pageSizer());

有任何想法吗？

Answer 1

$(document).ready(pageSizer());
$(window).resize(pageSizer());

改成

$(document).ready(pageSizer);
$(window).resize(pageSizer);

您正在调用您的函数，而不是将它们作为 jQuery 期望的引用传递。