jquery - offset()对于Chrome中的同一元素返回不同的值

我正在构建的页面具有两个选项卡（我使用uisng Bootstrap创建选项卡）。第一个（活动/默认）选项卡很长，并显示垂直滚动条。第二个标签很短，垂直滚动条在激活后消失。
第二个选项卡仅包含一个文本输入，在聚焦时，我报告其位置：

 var topleft = $("#input");
 console.log(topleft);

奇怪的是，在相同的浏览器和相同的页面加载量下，我第一次和第二次专注于输入时，会得到不同的数字：


对象{顶部：223，左侧：358.5}

对象{顶部：223，左侧：367}


左边的第一个数字好像有一个垂直滚动条（尽管没有），但是第二个是正确的。 chrome似乎无法立即理解滚动条中的更改。

最佳答案

区别在这里，您可以使用最后一个。

$(window).load(function () {
  var topleft = $("#input");
  console.log(topleft);
});

$(window).ready(function () {
  var topleft = $("#input");
  console.log(topleft);
});