在jQuery中返回的offset函数是什么？

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

documentation是为此写的：

  

<强> .offset()

     

描述：获取第一个元素的当前坐标   相对于文档的匹配元素集。

您的代码行计算元素相对于文档的垂直位置。

Answer 2

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

将在CSS中返回div的{​​{1}}属性（如果已定义）。

top

将返回$("div").offset().top; 相对于页面的偏移量，无论它在CSS中的最高值是什么。

Answer 3

jQuery的offset（）函数返回元素左侧和顶部相对于文档的左侧和顶部。