javascript：从浏览器显示区域的顶部获取元素的Y位置

Question

我需要获取一个元素（无论它是什么）并能够打印其绝对Y位置。为了计算对象的顶部和整个文档的顶部之间的距离。怎么做

Answer 1

您可以尝试以下代码；

const offsets = document.getElementById('elementId').getBoundingClientRect();
const topY = offsets.top;
const bottomY  = offsets.bottom;

文档：https://developer.mozilla.org/en-US/docs/Web/API/Element/getBoundingClientRect