Javascript 如何获取可滚动div中对象的相对位置？

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

右图是完整尺寸（无滚动或宽度设置）的div表示，其中放置了一个未滚动的div

当左div当前位于页面上时，如何查找X的值（绿色）
即考虑到：

页面上的div已调整大小

页面上的div可滚动（并且已滚动）

我想要x而不是y i、 e.如何获取可滚动div中元素的相对y坐标？ 简单地说：如何通过javascript计算x？

试试以下方法：

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

---

您使用的是jquery还是javascript？