1.offsetLeft/offsetTop
在页面任一元素的offsetLeft总是找到离其最近的已经定位的父元素或祖先元素定位,如果没有,就根据根节点body定位,然后获取其left值。
2.offset().left/offset().top
返回或设置匹配元素相对于文档的偏移(位置)。 无论元素的父元素或祖先元素的position属性是什么,总是计算相对于文档的位置。
示例:
#parent{width: 300px;height: 100px;margin: 0 auto;border: 1px solid #ccc;position: relative;}
<div id="parent">
<p id="child">测试offsetLeft与offset().left的区别</p>
</div>
var left = document.getElementById('child').offsetLeft;
var left1 = $('#child').offset().left;
console.log(left);//结果始终是0
console.log(left1);//结果是相对于文档的偏移