Javascript 获取$（document）.height（）时如何排除隐藏div的高度；

我有一个问题，jQuery错误地计算了我正在处理的页面底部的空间。这很可能是由于页面上隐藏的div层

有没有一种方法可以让jQuery计算出页面在浏览器中可见的“真实”高度？以下是我目前的代码：

var doc_height = $(document).height();
var footerHeight = $('.footer-wrapper').height();
var main_body_height = doc_height - footerHeight;
$("div.wrapper-holder").height(main_body_height);

这个精确的代码似乎在网站的其他页面上运行良好，有人知道是什么导致了这个页面上的问题吗

以下是问题的屏幕截图：

此处有指向真实页面的链接：

非常感谢您提供的任何帮助…

尝试在

$（窗口）上（再次）运行代码。在（'load'）

--您的计算可能会被打乱，因为在触发

$（文档）.ready（）

时没有加载图像

一个更好的解决方案——也不需要等待——是为每个图像添加

height

属性。（目前您只设置了

width

属性。）这将产生相同的结果：无论是否加载图像，jQuery都能够准确计算整个文档的高度。

尝试在

$（窗口）上运行代码。在（'load'）上运行代码

--您的计算可能会被打乱，因为在触发

$（document）.ready（）

时图像没有加载

---

一个更好的解决方案——也不需要等待——是为每个图像添加

height

属性。（目前您只设置了

width

属性。）这将得到相同的结果：无论是否加载图像，jQuery都能够准确计算整个文档的高度。

您是在寻找文档的滚动高度还是视口的高度？我想是整个文档的滚动高度，减去隐藏的div层。嘿，如果你调整窗口大小，它会工作。你用什么来隐藏你的div？显示还是可见性？你是在寻找文档的滚动高度还是视口的高度？我想整个文档的滚动高度减去隐藏的div层。嘿，如果你调整窗口大小，它会起作用。你用什么来隐藏div？显示或可见性？感谢@Blazemonger的帮助，我只是想检查一下。。。我是否应该将我的代码包装在

$（窗口）中。在（'load'）

上，然后从那里开始尝试？这不是最好的解决方案，但这将是更快的更改。感谢@Blazemonger的检查。。。我是否应该将我的代码包装在

$（window.on（'load'）

中并从那里开始尝试？这不是最好的解决方案，但会是更快的更改。