javascript - 为什么 document.body.scrollHeight 可以大于 document.body.offsetHeight

Question

我需要有关这两个元素属性的帮助。

根据 MDN element.scrollHeight “这是元素 ScrollView 的高度；它包括元素填充但不包括其边距”，以及 element.offsetHeight “通常，一个元素的 offsetHeight 是一个测量值，包括元素边框、元素垂直填充、元素水平滚动条(如果存在，如果呈现)和元素 CSS 高度。”

我正在尝试调试一些 javascript 代码，但不明白为什么 document.body.scrollHeight 可以大于 document.body.offsetHeight？
例如，我的 document.body.offsetHeight=909，但 document.body.scrollHeight=1059(body 没有任何边距或填充或边框)，所以我们在某处丢失了 150px。我检查了 body ，它的高度=909，这让我很困惑。这在 chrome 和 firefox 中转载。

你能帮我解决这个问题吗？

Answer 1

offsetHeight 属性描述了距事件窗口中当前可用空间顶部的距离。 scrollHeight 属性是从容器的内部顶部到内部底部的距离(以像素为单位)，这与使用 overflow:scroll css 属性设置为有限高度的容器上的 clientHeight 不同。

我在 http://prettydiff.com/jsgui/ 的项目中使用了其中的大部分内容