javascript - 如何找到相对于父对象而不是窗口顶部的 offsetTop？

Question

我的问题相当简单:如何找到子元素与其父元素(而不是窗口顶部)相比的 offsetTop？

offsetTop 的定义声明该属性将返回子元素从 offsetParent 顶部偏移的值，但这似乎不是在这个 JSFiddle 中就是这种情况:http://jsfiddle.net/h5KBK/ .

我的目标是找到加粗的橙色文本相对于可滚动 div 顶部的偏移量，而不是窗口顶部。有没有办法不计算上述元素的高度、paddings、margins 等并从 offsetTop 中减去它？

我正在寻找一个只有 JavaScript 的解决方案。请不要使用 jQuery。

Answer 1

根据定义，offsetTop 返回对象相对于其 offsetParent 元素顶部的顶部位置，以像素为单位。

现在 offsetParent 需要是一个位置不是静态的元素。如果您更改 fiddle 中 scroll 元素的位置属性，我得到的值为 1012，而不是没有位置属性的 1110。