Question

由于某种原因，文档高度和窗口高度都返回相同的值，因此当从文档高度减去窗口时它返回0.任何人都知道为什么会发生这种情况？

console.log($(window).height());

console.log($(document).height());

以上两者都返回文档高度

Answer 1

您可能忘记了页面开头的doctype <!DOCTYPE html>。

Answer 2

这是因为您的文档填充了视口（可以显示文档的区域）。

$(window).height();   // returns height of browser viewport
$(document).height(); // returns height of HTML document

如果您的文档足够长以占用多个页面，则第二个值可能大于第一个值（至少如果文档位于iframe中，请查看this demo）。可能有其他情况产生差异，但我现在没有想到。

Answer 3

我有类似的问题，我能够解决。我找到了

$(window).height();

在FF中返回页面的整个高度。最终我意识到我在页面的任何html之前输出了一个调试短语'test'。在Doc类型之前的IE。

删除此“测试”文本后，视口高度按预期返回。