在jQuery中返回的偏移量函數是什麼？

Question

我通過代碼，我只是不明白什麼是offset函數返回：

$(document).ready(function() {   
    $('#goto-show-form').click(function() { 
     $('html, body').animate({scrollTop: $("#show-form").offset().top}, '500'); 
     $('#first-field').focus(); 
     return false; 
    }); 
}); 

請解釋offset功能以及它是如何工作的，並返回結果是什麼。那麼，什麼是它返回在：

$("#show-form").offset().top 

是什麼div頂部和頂部offset之間的區別？

Answer 1

jQuery的偏移（）函數返回元件的左側和頂部相對於左文檔和頂部。

Answer 2

的documentation爲這個寫：

.offset()

描述：獲取所述第一元件的當前座標中 匹配元素，相對於文檔的。

您的代碼行計算元素相對於文檔的垂直位置。

Answer 3

$("div").css("top"); 

將返回div的top財產在CSS（如果它被定義）。

$("div").offset().top; 

將返回div的相對頁偏移，不管它是頂部的值是CSS。