javascript - スクロール可能なdiv内のオブジェクトの相対位置を取得するには?

Question

上の画像の左側にあるスクロール可能な div があります。
この div には多くの要素が存在します。そのうちの 1 つ (グレーで強調表示) に注目して、それを A と呼びます。

右の画像は、A がスクロールせずに配置されているフル サイズ (スクロールまたは幅の設定なし) の div を表したものです。

左の div が現在ページにあるときに、X の値 (緑色) を見つけるにはどうすればよいですか。
つまり、次のことを考慮します。

1. ページの div は既にサイズ変更されています
2. ページ上の div はスクロール可能です (スクロールされています)
3. y ではなく x が欲しい！

つまり、スクロール可能な div 内の要素の相対 y 座標を取得する方法は? 簡単に言えば、javascript を介して x を計算する方法は?

Answer 1

これを試して ：

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