javascript - 获取$(document).height()时如何排除隐藏div的高度；

Question

我有一个问题，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);

这个确切的代码似乎在该网站的其他页面上运行良好，有谁知道可能导致此页面上的问题的原因是什么？

这是问题的屏幕截图：

真实页面的链接在这里：http ://www.upreach.org.uk/undergraduates/partners.php

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

Answer 1

尝试（再次）运行您的代码$(window).on('load')——您的计算可能会被打乱，因为图像在$(document).ready()触发时没有加载。

一个更好的解决方案 - 并且不需要您等待 - 是为height每个图像添加属性。（目前您只设置width属性。）这将产生相同的结果：jQuery 将能够准确地计算整个文档的高度，无论图像是否加载。