jQuery的區別<p>是什麼</p> <pre><code>$(this).offset().top </code></pre> <p>和</p> <pre><code>this.offsetTop </code></pre> <p>之間的區別？</p> <p>問題中的元素（this）是一個img元素。</p> <p>我試圖找到相當於jQuery版本。</p>

Question

之間

Answer 1

jQuery offset()

獲取所述第一元件的當前座標，或設置的每個元件的座標，在所述一組匹配的元素，相對於文檔的。

HTMLElement.offsetTop

的offsetTop返回電流元件相對於offsetParent節點的頂部的距離。

jQuery position()

獲取匹配的元素，相對於偏移父的第一個元素的當前座標。

Getting the position of the element to the page

function getOffset(el) { 
    var _x = 0; 
    var _y = 0; 
    while(el && !isNaN(el.offsetLeft) && !isNaN(el.offsetTop)) { 
     _x += el.offsetLeft - el.scrollLeft; 
     _y += el.offsetTop - el.scrollTop; 
     el = el.offsetParent; 
    } 
    return { top: _y, left: _x }; 
}