2

我有一个问题,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

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

4

1 回答 1

4

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

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

于 2013-09-30T16:16:20.787 回答