Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何查找相对于父对象而不是窗口顶部的偏移?_Javascript_Html_Css - Fatal编程技术网

Javascript 如何查找相对于父对象而不是窗口顶部的偏移?

Javascript 如何查找相对于父对象而不是窗口顶部的偏移?,javascript,html,css,Javascript,Html,Css,我的问题相当简单:与父元素(而不是窗口顶部)相比,如何找到子元素的offsetTop offsetTop的定义指出,该属性将返回子元素从offsetParent顶部偏移的值,但在这个JSFiddle: 我的目标是找到粗体橙色文本与可滚动div顶部的偏移量,而不是窗口顶部的偏移量。有没有办法不计算上述元素、填充物、边距等的高度,然后从偏移量中减去它 我正在寻找一个只使用JavaScript的解决方案。请不要jQuery。根据定义offsetTop返回对象相对于其offsetParent元素顶部的顶

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

offsetTop
的定义指出,该属性将返回子元素从
offsetParent
顶部偏移的值,但在这个JSFiddle:

我的目标是找到粗体橙色文本与可滚动div顶部的偏移量,而不是窗口顶部的偏移量。有没有办法不计算上述元素、填充物、边距等的高度,然后从偏移量中减去它


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

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


现在,
offsetParent
需要是一个位置不是static的元素。如果更改小提琴中的
scroll
元素的position属性,我得到的值为1012,而没有position属性的值为1110

事实上,我做了更多的研究,找到了答案。
offsetParent
必须有一个指定的
位置:绝对
位置:相对
声明,如下面的JSFiddle所示:

啊,我2分钟前刚刚找到这个答案。尽管如此,这个答案仍然很有用,因为它包含了一个定义+1.非常感谢!这正是我所需要的