Love Freedom

  • 首页
  • bilibili
  • 登录
    • 登录
    • 注册
    • 找回密码
  • 静态项目测试
  1. 首页
  2. JavaScript
  3. 正文

js中offsetParent详解

2021年11月14日 478点热度 0人点赞 0条评论

偏移量(offset dimension)是javascript中的一个重要的概念。涉及到偏移量的主要是offsetLeft、offsetTop、offsetHeight、offsetWidth这四个属性。当然,还有一个偏移参照——定位父级offsetParent。本文将详细介绍该部分内容。

定位父级

在理解偏移大小之前,首先要理解offsetParent。人们并没有把offsetParent翻译为偏移父级,而是翻译成定位父级,很大原因是offsetParent与定位有关。

定位父级offsetParent的定义是:与当前元素最近的经过定位(position不等于static)的父级元素,主要分为下列几种情况

【1】元素自身有fixed定位,offsetParent的结果为null

当元素自身有fixed固定定位时,我们知道固定定位的元素相对于视口进行定位,此时没有定位父级,offsetParent的结果为null

[注意]firefox浏览器有兼容性问题

【2】元素自身无fixed定位,且父级元素都未经过定位,offsetParent的结果为<body>

【3】元素自身无fixed定位,且父级元素存在经过定位的元素,offsetParent的结果为离自身元素最近的经过定位的父级元素

【4】<body>元素的parentNode是null

原文链接:https://www.cnblogs.com/xiaohuochai/p/5828369.html

标签: 暂无
最后更新:2021年11月14日

xiayuanhao

喜欢捣鼓任何有趣的事物,喜欢睡觉

点赞
< 上一篇
下一篇 >

文章评论

取消回复

COPYRIGHT © 2021 xiayuanhao.com. ALL RIGHTS RESERVED.

THEME KRATOS MADE BY VTROIS

豫ICP备2021008751号

登录
注册|忘记密码?