为什么window.innerHeight＆gt; document.body.scrollHeight？

Question

在example.com上，我们有：

window.innerHeight # 314
document.body.scrollHeight # 308

为什么window.innerHeight＆gt; document.body.scrollHeight？我认为scrollHeight总是最大的？

Answer 1

window和document.body是不同的对象，因此它们可以有不同的高度。

Answer 2

window.innerHeight只是“页面加载时看到的内容”的高度。而document.body.scrollHeight包括页面所有内容的高度。

技术定义：

MDN

  

window.innerHeight是浏览器窗口视口的高度。

W3学校

  

scrollHeight属性返回元素的整个高度（以像素为单位），包括填充，但不返回边框，滚动条或边距。

但scrollHeight使用body，因此它返回正文的滚动高度，即整个页面本身包含所有内容。