javascript - 如何获取可滚动div内对象的相对位置？

Question

我有一个可滚动的 div，即上图中左侧的那个。
在这个 div 中存在许多元素，让我们关注其中一个（以灰色突出显示）并将其称为 A。

右图是具有完整大小（没有滚动或宽度设置）的 div 的表示，其中 A 放置在没有滚动的位置。

我怎样才能找到 X 的值（绿色），同时页面上当前有左 div。
即考虑到：

1. 页面上的 div 已调整大小
2. 页面上的 div 是可滚动的（并且已经滚动）
3. 我要 x 而不是 y ！

即如何获取可滚动div 内元素的相对y 坐标？简而言之：如何通过 javascript 计算 x？

Answer 1

试试这个 ：

var elementTop = document.getElementById('yourElementId').offsetTop;
var divTop = document.getElementById('yourDivId').offsetTop;
var elementRelativeTop = elementTop - divTop;