offsetTop用法详解

Editor · 发表于 2023-5-4 16:51:26

1. offsetTop：元素到offsetParent顶部的距离
2. offsetParent：距离元素最近的一个具有定位的祖宗元素（relative，absolute，fixed），若祖宗都不符合条件，offsetParent为body。如下图所示：获取child的offsetTop，图1的offsetParent为father，图2的offsetParent为body。

202108140850261.jpg

3. 注意：只有元素show（渲染完成）才会计算入offsetTop，若是中间有元素数据需要异步获取，会导致最终获取的offsetTop值偏小
到此这篇关于offsetTop用法详解的文章就介绍到这了,更多相关offsetTop用法内容请搜索知鸟论坛以前的文章或继续浏览下面的相关文章希望大家以后多多支持知鸟论坛！

老橡树1 · 发表于 2023-6-28 22:39:06

这东西我收了！谢谢楼主！知鸟论坛真好！

永远就三年疗 · 发表于 2023-6-29 03:03:12

论坛不能没有像楼主这样的人才啊！我会一直支持知鸟论坛。

戏做顿 · 发表于 2023-6-29 03:46:41

既然你诚信诚意的推荐了，那我就勉为其难的看看吧！知鸟论坛不走平凡路。

我的苦恼冉 · 发表于 2023-6-29 23:02:29

楼主，我太崇拜你了！我想我是一天也不能离开知鸟论坛。

掌舵的鱼1987 · 发表于 2023-6-30 02:55:31

这个帖子不回对不起自己！我想我是一天也不能离开知鸟论坛。

风吹吹蛋蛋疼风w · 发表于 2023-6-30 15:27:53

楼主太厉害了！楼主，I*老*虎*U！我觉得知鸟论坛真是个好地方！

六翼天使494 · 发表于 2023-6-30 22:05:01

既然你诚信诚意的推荐了，那我就勉为其难的看看吧！知鸟论坛不走平凡路。

123456825 · 发表于 2023-7-4 04:03:41

论坛不能没有像楼主这样的人才啊！我会一直支持知鸟论坛。

123456823 · 发表于 2023-7-4 13:40:47

我看不错噢谢谢楼主！知鸟论坛越来越好！

[CSS/HTML] offsetTop用法详解