如何正确获取DOM元素的位置偏移量？

Question

我想FING元素的使用element.getBoundingClientRect（），偏移但是这样做的问题是，如果该网页是长在高度方面并有滚动涉及的函数返回元素WRT的偏移窗口。如何获得页面顶部的偏移量？

Answer 1

的documentation for getBoundingClientRect()覆盖你的使用情况在一个简单的例子：

已经完成的视口区域（或任何其它可滚动元件）的滚动的量计算边界矩形时考虑。这意味着，矩形的边界边（顶部，左侧，底部和右侧）改变它们的值，每次滚动位置的变化（因为它们的值是相对于视而不是绝对的）。 如果需要相对于文档的左上角边框，只是（用window.scrollX和window.scrollY这些都可以得到）以获得边框是独立于添加当前滚动位置的顶部和左侧的属性当前的滚动位置。