获取页面加载时窗口距文档顶部的距离（仅限 JavaScript）

Question

我在计算页面加载时遇到了麻烦。它应该只需要一行，但我似乎无法理解。

Answer 1

您能详细说明一下“窗口到文档的距离”是什么意思吗？如果您正在寻找屏幕高度/宽度：

window.screen.height
window.screen.width

或

window.screen.availHeight
window.screen.availWidth

垂直滚动​​位置使用：

window.pageYOffset 
window.scrollY

我很确定它们是等效的，即

window.pageYOffset == window.scrollY; // always true

Answer 2

DSOC（文档滚动偏移坐标）可以通过 window.pageXOffset 和 window.pageYOffset 找到。就您而言，您需要 window.pageYOffset。

更多详细信息请参见此处：
http://www.javascriptkit.com/javatutors/static2.shtml

Answer 3

我意识到这是一个老问题，但我遇到了同样的问题并找到了解决方法。看来 window.scrollY 没有在页面加载时直接设置。但是，如果您执行以下操作，它将注册正确的值：

window.setTimeout(function() { console.log(window.scrollY); }, 10);

我确定额外的 10 毫秒允许加载文档并设置 window.scrollY 值。