轉載自??jQuery中position()與offset()區別

position()獲取相對于它最近的具有相對位置(position:relative或position:absolute)的父級元素的距離，如果找不到這樣的元素，則返回相對于瀏覽器的距離。

offset()始終返回相對于瀏覽器文檔document的距離，它會忽略外層元素。

下邊看個簡單的例子，這里外層的div元素(position:relative)僅一個：

<div id="outer" style="width:200px;position:relative;left:100px;"><div id="inner" style="position:absolute;left:50px;top:60px;"> </div></div> //獲取相對于最近的父級(position:relative或position:absolute)的位置var vposition = $("#inner").position();alert(vposition.left); //輸出：50alert(vposition.top); //輸出：60var voffset = $("#inner").offset();alert(voffset.left); //輸出：$("#outer").offset().left+50alert(voffset.top); //輸出：$("#outer").offset().top+60

在不同瀏覽器中,offset()得到的相對于瀏覽器的位置不同，相信你看了上邊相應的注釋，已經掌握了position()同offset()方法的區別。

總結

以上是生活随笔為你收集整理的jQuery中position()与offset()区别的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。