Question

我目前有一些问题需要获得html元素的高度，似乎在调整窗口大小时它不会更新。我尝试使用'height：auto'重置html，但这似乎没有帮助。

宽度正常，但高度不会更新。

针对此问题的任何解决方案？

提前致谢！

JQuery的：

 function UpdateLeftBar() {
    // Reset
    $('html').height('auto');
    // Get the height of the window and minus the header and left top elements
    height = $('html').height() - 85 - 56 + 29;
    width = $('html').width() - 300;
    // Set the div to the new height
    $('#leftContentBottom').css({ 'height': height });
    $('#middleContent.span10').css({ 'width': width });
    console.log(height);
}

$(window).resize(function () {
    UpdateLeftBar();
});

真奇怪，我注意到它会在80％的时间内更新，但是如果你双击窗口，它就不会调整大小。

修复：取代html的高度，你应该获得窗口的高度。这解决了我的问题。

Answer 1

感谢Huangism发布了重复的帖子，很容易解决我的问题。

解决方案是使用窗口而不是使用html元素来获取窗口的高度。似乎html并不总是更新。

        function UpdateLeftBar() {
    // Get the height of the window and minus the header and left top elements
    height = $(window).height() - 85 - 56;
    width = $('html').width() - 300;
    // Set the div to the new height
    $('#leftContentBottom').css({ 'height': height });
    $('#middleContent.span10').css({ 'width': width });
    console.log(height);
}

$(window).resize(function () {
    UpdateLeftBar();
});

调整窗口大小时，高度不会更新

1 个答案: