javascript中的页面高度

问题描述

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

I'm unable to get the height of a page in javascript when the page is larger than the screen.

我认为这会让我达到正确的高度：

I thought this would get me the right height:

$(document).height();

但只能获得屏幕的高度，相同如下：

but that only gets the height of the screen, same as:

$('body').height();

与：

document.offsetHeight;

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

For some reason all these examples only return the height of the screen. Can somebody help?

推荐答案

使用jQuery（你指定的）， $（document）.height （）将准确返回您要求的内容。

Using jQuery (which you did specify), $(document).height() will return exactly what you're asking for.

澄清 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

我怀疑，如果 $（文档）。高度（）不适合你，出了点问题。您可能是：

I suspect, that if $(document).height() is not working for you, something is wrong. You may be:

1. 过早调用它。就像，在DOM准备好之前


2. 有一些未清除的浮动，不会导致某些块级元素扩展到它们的实际高度。因此弄乱了身高计算。


3. 有一些关键的绝对定位。绝对定位的元素对其父元素的高度计算没有贡献。

这篇关于javascript中的页面高度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！