获取文档的完整高度，以便当您一直滚动到底部时，scrollY 值与 HTML 文档的完整长度相匹配
get the full height of the document, so that when you scroll all the way to the bottom the scrollY value matches the full length of the HTML document
我想用 JS 来计算用户向下滚动页面的距离。
我正在尝试结合使用 scrollY 和 document.body.offsetHeight
但我发现页面底部的 scrollY 是 returning 6883 但 document.body.offsetHeight 是 returning 7392 的值 - 这让我无法计算用户向下滚动文档的距离。
https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetHeight
Typically, offsetHeight is a measurement in pixels of the element's
CSS height, including any borders, padding, and horizontal scrollbars
(if rendered). It does not include the height of pseudo-elements such
as ::before or ::after. For the document body object, the measurement
includes total linear content height instead of the element's CSS
height. Floated elements extending below other linear content are
ignored.
所以如果我理解正确的话，它考虑了视口视图中的文档 - 所以应该 return 6883 的值，如果用户滚动整个长度也是一样的页面的。
您使用什么 属性 来计算文档的完整可滚动视图，以与 scrollY 的最大值进行比较？
请尝试使用 document.body.offsetHeight-window.innerHeight 它应该 return 预期的可滚动值。
我想用 JS 来计算用户向下滚动页面的距离。
我正在尝试结合使用 scrollY 和 document.body.offsetHeight
但我发现页面底部的 scrollY 是 returning 6883 但 document.body.offsetHeight 是 returning 7392 的值 - 这让我无法计算用户向下滚动文档的距离。
https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetHeight
Typically, offsetHeight is a measurement in pixels of the element's CSS height, including any borders, padding, and horizontal scrollbars (if rendered). It does not include the height of pseudo-elements such as ::before or ::after. For the document body object, the measurement includes total linear content height instead of the element's CSS height. Floated elements extending below other linear content are ignored.
所以如果我理解正确的话，它考虑了视口视图中的文档 - 所以应该 return 6883 的值，如果用户滚动整个长度也是一样的页面的。
您使用什么 属性 来计算文档的完整可滚动视图，以与 scrollY 的最大值进行比较？
请尝试使用 document.body.offsetHeight-window.innerHeight 它应该 return 预期的可滚动值。