javascript - jQuery outerHeight 没有返回正确的值

Question

我正在尝试通过从窗口大小中减去页眉和页脚值并在文档加载时将内容设置为此值来动态设置网页内容的高度。

每个函数参数都接受一个元素id，以获取元素高度；不包括内容参数。

 function setH(header, content, footer) 
{
    winH = top.innerHeight;
    winTitle = 32; // height value of the window title (part of the header)
    headH = $(header).outerHeight(true);
    footH = $(footer).outerHeight(true);
    contentH = winH - winTitle - headH - footH;
    $(content).css({'height' : (contentH) + 'px','overflow-y' : 'scroll'});
}

我遇到的问题是 outerHeight 值返回了错误的值。页眉返回 23px，页脚返回 40px。

检查 FF 和 Chrome 中的元素时，值为 25px 和 44px。

我尝试过使用 innerHeight、outerHeight 和 outerHeight(true)，但没有得到正确的值。

有什么可能出错的建议吗？或者动态设置内容高度的替代方法？我的头发快用完了，非常感谢您的帮助。

编辑:我正在处理 iframe 中的内容。以下:winH = top.innerHeight 正在获取最顶部 iframe 窗口的高度值。

Answer 1

尝试对我有帮助的一件事是将检查 outerHeight() 的代码放在 $(window).load() 而不是 $(文档).ready().显然在很多情况下使用$(document.ready()是没问题的，但有时outerHeight()的值不正确是因为元素没有完全加载。