jquery中offset和position的區(qū)別？

jquery中有兩個獲取元素位置的方法offset()和position()，兩者的定義如下:

offset()：獲取匹配元素在當(dāng)前視口的相對偏移。

返回的對象包含兩個整形屬性：top 和 left。此方法只對可見元素有效。

用法舉例：offset()

Hello

2nd Paragraph

第二種用法：offset( coordinates )

讓我們重新設(shè)置元素的位置這個元素的位置是相對于document對象的。

如果對象原先的position樣式屬性是static的話，會被改成relative來實現(xiàn)重定位。

Hello

2nd Paragraph

position():

獲取匹配元素相對父元素的偏移。

返回的對象包含兩個整形屬性：top 和 left。為精確計算結(jié)果，

請在補(bǔ)白、邊框和填充屬性上使用像素單位。此方法只對可見元素有效。

用法舉例：

Hello

offset()和position()的區(qū)別：

使用position()方法時事實上是把該元素當(dāng)絕對定位來處理，獲取的是該元素相當(dāng)于最近的一個擁有絕對或者相對定位的父元素的偏移位置。

使用position()方法時如果其所有的父元素都為默認(rèn)定位（static）方式，則其處理方式和offset()一樣，是當(dāng)前窗口的相對偏移

使用offset()方法不管該元素如何定位，也不管其父元素如何定位，都是獲取的該元素相對于當(dāng)前視口的偏移。

一般情況下，如果要顯示的元素B存放在元素A的同一父元素下（即B為A的兄弟節(jié)點(diǎn)），這個時候使用position() 是最合適的；

如果顯示的元素B存放在DOM的最頂端或者最底端（即其父元素就是body）。這個時候用offset()是最好的。