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

Question

我有一个可滚动的div,上图中左边的那个.
在这个div中存在许多元素,让我们专注于其中一个(以灰色突出显示)并将其称为A.

右图是具有完整尺寸(没有滚动或宽度设置)的div的表示,其中A放置而不滚动.

如何在页面上显示左侧div时,如何找到X的值(绿色).
即考虑到:

1. 页面上的div已经调整大小
2. 页面上的div是可滚动的(并已滚动)
3. 我想x不是你!

即如何获得可滚动div内元素的相对y坐标？用简单的话说:如何通过javascript计算x？

Answer 1

试试这个 :

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