大家好，我是考100分的小小码 ，祝大家学习进步，加薪顺利呀。今天说一说offsetTop用法详解[通俗易懂],希望您对编程的造诣更进一步.
1. offsetTop：元素到offsetParent顶部的距离
2. offsetParent：距离元素最近的一个具有定位的祖宗元素（relative，absolute，fixed），若祖宗都不符合条件，offsetParent为body。如下图所示：获取child的offsetTop，图1的offsetParent为father，图2的offsetParent为body。
![offsetTop用法详解[通俗易懂]](https://img.jbzj.com/file_images/article/202108/202108140850261.jpg "offsetTop用法详解[通俗易懂]插图")
![offsetTop用法详解[通俗易懂]](/wp-content/themes/justnews/themer/assets/images/lazy.png "offsetTop用法详解[通俗易懂]插图1")
3. 注意：只有元素show（渲染完成）才会计算入offsetTop，若是中间有元素数据需要异步获取，会导致最终获取的offsetTop值偏小
到此这篇关于offsetTop用法详解的文章就介绍到这了,更多相关offsetTop用法内容请搜索我们，感谢您的阅读，祝您生活愉快，工作顺心。以前的文章或继续浏览下面的相关文章希望大家以后多多支持我们，感谢您的阅读，祝您生活愉快，工作顺心。！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
转载请注明出处: https://daima100.com/12340.html
