在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。