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

标签 javascript html css

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

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

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

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

最佳答案

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

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

关于javascript - 如何找到相对于父对象而不是窗口顶部的 offsetTop?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14107703/

相关文章:

css - 如何在没有列跨度的情况下分解 Firefox 中的列布局?

javascript - 如何从作为按钮父级的 div 获取特定元素?

javascript - 停止 ASP.NET 按钮的页面重新加载

java - 如何将包含数据的文本框值传递给 Spring MVC Controller ?

javascript - 嵌套 HTML 表标签被删除

javascript - 如何使用 Javascript 和 HTML 从搜索栏中获取输入并同时处理搜索列表?

javascript - 即使在使用 tabs-right 之后,Bootstrap 选项卡仍显示在顶部

php - 使用博客文章作为缩略图库

PHP Sessions,打印 session 信息的问题

javascript - 有没有办法在给定的时间范围内改变不透明度,而无需在 lab.js 中按下按钮?