获取视口的非滚动高度

Question

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

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

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

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

Answer 1

我不明白你的问题。$(window).height()应该返回视图的高度，不包括任何需要滚动的内容。如果您查看一下文档，您会看到：

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

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

另一种选择是使用window.innerHeight。但对于我来说，这与$(window).height()的返回相同。

要获得屏幕的高度，可以使用screen.height (屏幕对象)。这将返回整个屏幕的高度(包括浏览器的顶部栏和窗口任务栏)。相比之下，screen.availHeight只包括浏览器的顶部栏。