js中的offsetParent,offsetLeft,offsetTop及jquery的offset(),position()比较
浏览数：29 /
时间：2015年06月09日
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元素，此时相对偏移位置和绝对偏移位置是相同的。
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
