javascript - 获取滚动位置的正确方法

Question

在我的应用程序中，我想确定当前的滚动位置，所以我一直在使用它(来源:https://www.codegrepper.com/code-examples/javascript/get+current+scroll+position+javascript)

window.pageYOffset || document.documentElement.scrollTop 

问题:当我对它进行 console.log 时，它只在页面未定位且位于顶部时返回 0。

问题:是否有其他方法获取当前滚动位置？

Answer 1

最近我遇到了同样的问题。因此，为了获得百分比位置，我最终执行以下操作

window.addEventListener("scroll", function() {

    const maxHeight = document.body.scrollHeight - window.innerHeight;
    console.log((window.pageYOffset * 100) / maxHeight);
});

我们从 document.body.scrollHeight 中减去 window.innerHeight 因为 window.pageYOffset 代表视口(viewport)的顶部。因此，为了使 window.pageYOffset 与 document.body.scrollHeight 匹配，我们进行了上述减法。

PS.: 以上返回一个 float 。如果您愿意，可以使用 parseInt(...) 将其转换为整数。