Javascript Jquery调整文档高度

Javascript Jquery调整文档高度,javascript,jquery,html,css,resize,Javascript,Jquery,Html,Css,Resize,我的jQuery/JS代码有点问题 每当窗口调整大小时,都应运行“拉伸”功能 现在,我试着这样做: function stretch() { var stretch_elem = $('.stretch'); if (stretch_elem.length) { var h = $(document).height() - stretch_elem.offset().top - 70; stretch_elem.height(h); } }

我的jQuery/JS代码有点问题

每当窗口调整大小时,都应运行“拉伸”功能

现在,我试着这样做:

function stretch() {
    var stretch_elem = $('.stretch');
    if (stretch_elem.length) {
        var h = $(document).height() - stretch_elem.offset().top - 70;
        stretch_elem.height(h);
    }
}

$(window).resize(stretch);
但当我调整窗口大小时,发生了一些奇怪的事情。我拉伸的元素越来越长,即使我放大了窗口,文档的高度也越来越低

我做错了什么


提前谢谢。

刚刚修好。必须添加
拉伸元素高度(0)。我不认为我需要这么做。但它现在起作用了

我对我认为你的代码可能是什么样子做了一个分析。调整大小时会发生什么?是否希望元素的宽度或高度与窗口成比例?我有一个灰色的背景色区域,我希望将其拉伸到页脚,页脚始终位于文档底部。现在,当我调整大小时,灰色区域的高度为16k px,即使我放大窗口,听起来我们需要更多关于如何设置页脚和灰色背景的信息。你能完成你的设置吗?刚刚修好。必须添加
拉伸元素高度(0)。我不认为我需要这么做。但它现在起作用了。