javascript - 如何在 chrome 扩展中获取 scrollMaxX 和 scrollMaxY

Question

我正在编写一个扩展来获取页面的 scrollMaxX 和 scrollMaxY 值，但根据 w3schools.com 上的文档，chrome 浏览器似乎不支持此属性。它在 Firefox 中为我工作。请建议我如何为 chrome 浏览器获取这些值。

Answer 1

document.body.scrollHeight描述为 - Element.scrollHeight 只读属性是元素内容高度的度量，包括由于溢出而在屏幕上不可见的内容。

scrollHeight 值等于元素需要的最小高度，以便在不使用垂直滚动条的情况下适应视口中的所有内容。

您可以去掉视口的内部高度：

document.body.scrollHeight浏览器窗口视口的高度（以像素为单位），包括水平滚动条（如果已渲染）。

所以你的答案是

document.body.scrollHeight - window.innerHeight

Answer 2

这在 IE、Chrome 和 Firefox 中对我有用：

function getScrollMaxY(){
    return ( 'scrollMaxY' in window ) ? window.scrollMaxY : (document.documentElement.scrollHeight - document.documentElement.clientHeight);
}