如何在可滾動的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;

Answer 2

您需要將父級的div位置屬性指定為相對屬性，然后使用position（）方法（如果您使用的是jquery）。

檢查一下： http ： //jsfiddle.net/V9rGG/

嘗試刪除position: relative ，看看會發生什么。