码迷,mamicode.com
首页 > Web开发 > 详细

JS offset

时间:2016-08-06 15:49:11      阅读:334      评论:0      收藏:0      [点我收藏+]

标签:

offsetLeft与offsetTop

 

没有已经定位的父元素

在没有已经定位的父元素的情况下,offsetParent为body元素。

offsetLeft表示元素盒子box边框到浏览器窗口左边界的距离。

在IE及Chrome浏览器中,offsetLeft = body.margin-left + body.border-left-width + body.padding-left + box.margin-left;

然后在Firefox浏览器中,offsetLeft的计算会忽略body.border-left-width。

offsetTop表示元素盒子box边框到浏览器窗口上边界的距离;其计算规则同offsetLeft。

 

有已经定位的父元素

在有已经定位的父元素的情况下,offsetParent为最近的已经定位的父元素。

offsetLeft表示元素盒子box边框到父元素边框的距离。

 

offsetWidth与offsetHeight

无论有没有已经定位的父元素,offsetWidth和offsetHeight的值等于box.width + box.padding + box.border-width

JS offset

标签:

原文地址:http://www.cnblogs.com/cc156676/p/5744094.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!