首页 > 代码库 > js中的offsetParent,offsetLeft,offsetTop及jquery的offset(),position()比较

js中的offsetParent,offsetLeft,offsetTop及jquery的offset(),position()比较

1、offsetParent

元素的offsetParent并不是元素的父元素,判断元素的offsetParent要根据以下情况:

1)当DOM结构层次中的元素均没有进行css定位(设置position为absolute或relative),则offsetParent为根目录;

2)当元素的父元素没有进行css定位,则offsetParent取最近的已经定位的元素;

3)当元素的父元素进行了css定位,则offsetParent为父元素;


2、offsetLeft,offsetTop

 在IE中:总是以父元素为参照对象进行偏移;偏移量会加上父元素的边框值。

 在非IE中:以最近非静态定位元素为参照对象进行偏移。


3、jquery的offset()及position()

 offset():是用于计算绝对偏移量,获取元素在当前窗口的相对偏移,参照对象为body。

 position():是用于计算相对偏移量,参照对象为最近非静态定位的元素。

 因此,如果当前元素的上级元素position属性值都没有被定义为absolute,relative,fixed,那么当前元素的最近父级定位元素就应该是body元素,此时相对偏移位置和绝对偏移位置是相同的。

 

 

js中的offsetParent,offsetLeft,offsetTop及jquery的offset(),position()比较