jQuery窗口调整大小问题 - 高度/宽度计算

时间:2014-06-17 01:17:37

标签: javascript jquery fullscreen window-resize

问题是这样的 - 我正在使用jQuery来设置容器的高度。我使用插件bgStretcher 3.1.2将图像拉伸到此容器的尺寸。在屏幕截图1中,我正在考虑的容器是砖墙图像所占据的区域。

screenshot 1

当您调整浏览器大小时出现问题,每次第二次调整大小时,高度/宽度的计算都会偏离15px(我不知道这个数字来自哪里),在右侧和底部创建一个间隙容器在屏幕截图2中可见。此屏幕截图还包括Jquery返回的容器高度的控制台读数,指示问题。因此,当您调整容器的大小时,就像地狱一样紧张,并可能最终导致上述差距。

screenshot 2

我相信我的代码和插件之间会发生某种冲突,因为它们都被绑定到窗口调整大小。

这是我在最后使用的一小段代码:

    win.resize(function() {
        console.log(win.height());
        conH = win.height()-68;
        wrapper.css({
            height: conH+"px"
        })
    }).resize();

1 个答案:

答案 0 :(得分:0)

function init_heght(element) {
    var y = $(window).height();
    $(element).css('height', y);
};

init_heght('#section-left-menu');