获取页面加载时窗口与文档顶部的距离(仅限javascript)

获取页面加载时窗口与文档顶部的距离(仅限javascript),javascript,window,document,onload,offset,Javascript,Window,Document,Onload,Offset,我在计算页面负载时遇到了问题。它应该只有一行,但我似乎看不懂。你能详细说明一下窗口到文档的距离是什么意思吗?如果您正在查找屏幕高度/宽度: window.screen.height window.screen.width 或 对于垂直滚动位置,请使用: window.pageYOffset window.scrollY 我很确定它们是等价的,也就是说 window.pageYOffset == window.scrollY; // always true DSOC文档滚动偏移坐标可通过w

我在计算页面负载时遇到了问题。它应该只有一行,但我似乎看不懂。你能详细说明一下窗口到文档的距离是什么意思吗?如果您正在查找屏幕高度/宽度:

window.screen.height
window.screen.width

对于垂直滚动位置,请使用:

window.pageYOffset 
window.scrollY
我很确定它们是等价的,也就是说

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

DSOC文档滚动偏移坐标可通过window.pageXOffset和window.pageYOffset找到。在您的情况下,需要window.pageYOffset

详情如下:
我意识到这是一个老问题,但我也遇到了同样的问题,并找到了解决办法。似乎window.scrollY未在页面加载时直接设置。但是,如果执行以下操作,它将注册正确的值:

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

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

很抱歉没有说得更清楚。我指的是从窗口到文档顶部的距离。偏移量。与第一次打开页面时一样,它是零,因为窗口位于文档的最顶端。但是当你向下滚动时,从窗口到顶部有一个像素的距离。你知道我的意思吗?哦,没问题,我想我明白你的意思了。您是否尝试过使用window.pageYOffset或window.scrollY?我很确定它们是等价的,即window.pageYOffset==window.scrollY;//一直都是真的是的,我试过用这些,但页面负载总是等于0。我最终得出结论,当您加载页面时,窗口位于顶部,其中注册了一个0,然后insta移动到适当的位置,就像您在页面的一半刷新或链接到某个元素一样。这有意义吗?但是,我可以通过window.onscroll函数运行pageYOffset来获得该值,因为一旦安装移动到正确的位置,它将作为一个滚动并运行该函数。我不知道它是这样工作的。谢谢你的帮助!
window.setTimeout(function() { console.log(window.scrollY); }, 10);