【问题标题】:Jquery resize document heightJquery 调整文档高度
【发布时间】:2016-02-28 19:50:02
【问题描述】:

我的 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);

但是当我调整窗口大小时,发生了一些奇怪的事情。即使我放大窗口并且文档高度越来越低,我正在拉伸的元素也越来越长。

我在这里做错了什么?

提前致谢。

【问题讨论】:

  • 我创建了一个fiddle 我认为您的代码可能是什么样的。调整大小时会发生什么?您希望元素的宽度或高度与窗口成正比吗?
  • 我有一个灰色背景色区域,我想将其拉伸到页脚,页脚始终位于文档的底部。现在,当我调整大小时,灰色区域的高度为 16k 像素,即使我放大窗口
  • 听起来我们需要更多关于如何设置页脚和灰色背景的信息。你能对你的设置做一个完整的jsfiddle吗?
  • 刚刚修好了。在设置新高度之前必须添加stretch_elem.height(0);。没想到我需要这样做。但它现在可以工作了。

标签: javascript jquery html css resize


【解决方案1】:

刚刚修好了。在设置新高度之前必须添加stretch_elem.height(0);。没想到我需要这样做。但它现在正在工作。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-08-06
    • 2015-06-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-12-22
    相关资源
    最近更新 更多