javascript - javascript中页面的高度

Question

当页面大于屏幕时，我无法在 javascript 中获取页面的高度。

我认为这会让我得到正确的高度:

$(document).height();

但这只获取屏幕的高度，与:

$('body').height();

与:

相同

document.offsetHeight;

出于某种原因，所有这些示例仅返回屏幕的高度。有人可以帮忙吗？

Answer 1

使用 jQuery(您已指定)，$(document).height() 将准确返回您所要求的内容。

澄清 height() 方法的用法:

$('.someElement').height(); // returns the calculated pixel height of the element(s)
$(window).height();         // returns height of browser viewport
$(document).height();       // returns height of HTML document

我怀疑，如果 $(document).height() 不适合您，则说明有问题。你可能是:

1. 现在宣布还为时过早。就像，在 DOM 准备好之前
2. 有一些未清除的 float ，不会导致某些 block 级元素扩展到其真实高度。从而搞乱高度计算。
3. 对关键的东西进行绝对定位。绝对定位的元素不会影响其父元素的高度计算。