如何从网页代码中看出一个元素到浏览器顶端的距离？

如何从网页代码中看出一个元素到浏览器顶端的距离？

根据页面滚动，这个值是一直在变化的，你只能通过javascript来获取（因为是根据活动自动变化的，因此不能指定，只能获取）。

你可能会问absolute不是固定的吗？不是，它只是相对于从里到外第一个fixed/absolute/relative元素的位置。即便直到body也没有这样的元素，absolute的元素也只是相对于文档顶部，而不是窗口顶部——因为文档是会滚动的。fixed才是直接相对于窗口（当在框架中则是相对于框架窗口）、绝对不变的。

那么如何获取目前这个元素相对于窗口顶部的距离呢？
网上有个scroll/offset/clientTop/Left/Right/Bottom的图解，一看就明白了。
帮你搜到了：

此时应该使用：

element.offsetTop - document.body.scrollTop

作者：龙腾道默默地
链接：https://www.zhihu.com/question/50730213/answer/122437789