jQuery中获取元素位置的方法:
offset()
获取元素的当前视口的相对偏移,只对可见元素有效
返回的对象包含两个属性:top、left
position()
获取元素相对于父元素的偏移,只对可见元素有效
返回的对象包含两个属性:top、left
区别:
position()方法是把元素当绝对定位来处理,获取的是该元素相对于最近的一个拥有绝对或者相对定位的父元素的偏移位置,如果没有,则和offset()一样,是当前视口的相对偏移
offset()方法不管如何定位,返回的都是元素的当前视口的相对偏移
例子:
var t = $('div').position().top;
var l = $('div').position().left;
或者直接var a = $('div').position();
通过a.left和a.top调用
offset()
获取元素的当前视口的相对偏移,只对可见元素有效
返回的对象包含两个属性:top、left
position()
获取元素相对于父元素的偏移,只对可见元素有效
返回的对象包含两个属性:top、left
区别:
position()方法是把元素当绝对定位来处理,获取的是该元素相对于最近的一个拥有绝对或者相对定位的父元素的偏移位置,如果没有,则和offset()一样,是当前视口的相对偏移
offset()方法不管如何定位,返回的都是元素的当前视口的相对偏移
例子:
var t = $('div').position().top;
var l = $('div').position().left;
或者直接var a = $('div').position();
通过a.left和a.top调用