offsetTop用法详解

这篇文章主要介绍了offsetTop用法详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下

1. offsetTop:元素到offsetParent顶部的距离

2. offsetParent:距离元素最近的一个具有定位的祖宗元素(relative,absolute,fixed),若祖宗都不符合条件,offsetParent为body。如下图所示:获取child的offsetTop,图1的offsetParent为father,图2的offsetParent为body。

3. 注意:只有元素show(渲染完成)才会计算入offsetTop,若是中间有元素数据需要异步获取,会导致最终获取的offsetTop值偏小

到此这篇关于offsetTop用法详解的文章就介绍到这了,更多相关offsetTop用法内容请搜索编程学习网以前的文章希望大家以后多多支持编程学习网!

本文标题为:offsetTop用法详解

基础教程推荐