JavaScript offsetParent案例详解

1. offsetParent定义:那么offsetParent就是距离该子元素最近的进行过定位的父元素(position:absolute  relative fixed),如果其父元素中不存在定位则offsetParent为:body元     素

2. 根据定义分别存在以下几种情况

  1. 元素自身有fixed定位,父元素不存在定位,则offsetParent的结果为null(firefox中为:body,其他浏览器返回为null)
  2. 元素自身无fixed定位,且父元素也不存在定位,offsetParent为元素
  3. 元素自身无fixed定位,且父元素存在定位,offsetParent为离自身最近且经过定位的父元素
  4. 元素的offsetParent是null


 

    
    Document

 

 

3. IE7中对于定位的offsetParent,存在以下bug

【1】当元素本身经过绝对定位或相对定位,且父级元素无经过定位的元素时,IE7-浏览器下,offsetParent是

【2】如果父级元素存在触发haslayout的元素或经过定位的元素,且offsetParent的结果为离自身元素最近的经过定位或触发haslayout的父级元素

到此这篇关于JavaScript offsetParent案例详解的文章就介绍到这了,更多相关JavaScript offsetParent内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

你可能感兴趣的:(JavaScript offsetParent案例详解)