获取视口的非滚动高度

Question

我想知道当前显示的当前视口或屏幕的高度。这意味着如果由于溢出而未显示页面的某些部分，则不应包含该部分。

以下所有内容都给了我相同的结果，其中包括页面的滚动/不可见区域 -

$(document).height();
$(windows).height();
document.body.clientHeight;

有人可以告诉我如何知道JS或jQuery中当前可见文档区域的高度？

Answer 1

我不明白你的问题。 $(window).height()应返回视口的高度，不包括要求您滚动的任何内容。如果您查看Documentation，您会看到：

// Returns height of browser viewport
$( window ).height();

// Returns height of HTML document
$( document ).height();

另一种方法是使用window.innerHeight。但这对我来说与$(window).height()相同。

要获得屏幕高度，您可以使用screen.height（screen object）。这将返回整个屏幕的高度（包括浏览器的顶部栏和Windows任务栏）。相比之下，screen.availHeight仅包含浏览器的顶栏。