offsetTop用法详解
更新时间：2021年08月14日 08:52:53 作者：jinxi1112
这篇文章主要介绍了offsetTop用法详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下
（福利推荐：【腾讯云】服务器最新限时优惠活动，云服务器1核2G仅99元/年、2核4G仅768元/3年，立即抢购>>>：9i0i.cn/qcloud）
（福利推荐：你还在原价购买阿里云服务器？现在阿里云0.8折限时抢购活动来啦！4核8G企业云服务器仅2998元/3年，立即抢购>>>：9i0i.cn/aliyun）
1. offsetTop：元素到offsetParent顶部的距离
2. offsetParent：距离元素最近的一个具有定位的祖宗元素（relative，absolute，fixed），若祖宗都不符合条件，offsetParent为body。如下图所示：获取child的offsetTop，图1的offsetParent为father，图2的offsetParent为body。
3. 注意：只有元素show（渲染完成）才会计算入offsetTop，若是中间有元素数据需要异步获取，会导致最终获取的offsetTop值偏小
到此这篇关于offsetTop用法详解的文章就介绍到这了,更多相关offsetTop用法内容请搜索程序员之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持程序员之家！
您可能感兴趣的文章:
- 简单谈谈offsetleft、offsetTop和offsetParent
- JavaScript之scrollTop、scrollHeight、offsetTop、offsetHeight等属性学习笔记
- 获取offsetTop和offsetLeft值的js代码(兼容)
- js中top、clientTop、scrollTop、offsetTop的区别 文字详细说明版
- Javascript拖拽系列文章2之offsetLeft、offsetTop、offsetWidth、offsetHeight属性
- 获取任意Html元素与body之间的偏移距离 offsetTop、offsetLeft （For:IE5＋ FF1 ）[
- 在IE下：float属性会影响offsetTop的取值
- top、clientTop、scrollTop、offsetTop
相关文章
本文将介绍一种CSS配合SVG滤镜实现各种不规则图形添加边框的小技巧，感兴趣的同学，可以参考下。2021-05-05
定义标题的最好方法...2006-09-09
用!important解决IE和Mozilla的布局差别...2006-09-09
最窄770px最宽1024px的经典布局研究...2006-09-09
本文讲了6种清除HTML元素浮动的方法供大家参考使用，具体下看下文2013-11-11
CSS如何使DIV层居中...2006-09-09
空间页面CSS说明...2006-09-09
梦幻式下拉菜单...2006-08-08
JavaScript实现form提交，回车提交URL地址伪静态
文本框input里输入内容后，直接Enter回车键提交表单form，是很方便的。如果不使用form提交，用JavaScript来实现提交动作，而且提交URL地址伪静态化，不想带问号和搜索关键词，搜索框内enter回车键自动提交那么应该如何实现呢。2022-12-12
Flash页面如何通过校验...2006-08-08
最新评论