JavaScript|JavaScript offsetParent案例详解
1. offsetParent定义:那么offsetParent就是距离该子元素最近的进行过定位的父元素(position:absoluterelative fixed),如果其父元素中不存在定位则offsetParent为:body元素
2. 根据定义分别存在以下几种情况
- 元素自身有fixed定位,父元素不存在定位,则offsetParent的结果为null(firefox中为:body,其他浏览器返回为null)
- 元素自身无fixed定位,且父元素也不存在定位,offsetParent为元素
- 元素自身无fixed定位,且父元素存在定位,offsetParent为离自身最近且经过定位的父元素
- 元素的offsetParent是null
Document - 锐客网
3. IE7中对于定位的offsetParent,存在以下bug
【1】当元素本身经过绝对定位或相对定位,且父级元素无经过定位的元素时,IE7-浏览器下,offsetParent是
【2】如果父级元素存在触发haslayout的元素或经过定位的元素,且offsetParent的结果为离自身元素最近的经过定位或触发haslayout的父级元素
【JavaScript|JavaScript offsetParent案例详解】到此这篇关于JavaScript offsetParent案例详解的文章就介绍到这了,更多相关JavaScript offsetParent内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
推荐阅读
- 事件代理
- 数组常用方法一
- 翼光家长沙龙复盘
- 小程序有哪些低成本获客手段——案例解析
- JavaScript|vue 基于axios封装request接口请求——request.js文件
- 【文魁大脑实用记忆第五期】贤派张丽琼第8次案例一地理记忆有汽泡图
- JavaScript|JavaScript: BOM对象 和 DOM 对象的增删改查
- JavaScript|JavaScript — 初识数组、数组字面量和方法、forEach、数组的遍历
- JavaScript|JavaScript — call()和apply()、Date对象、Math、包装类、字符串的方法
- JavaScript|JavaScript之DOM增删改查(重点)