offset（）为Chrome中的相同元素返回不同的值

Question

我正在构建的页面有两个选项卡（我用ustng Bootstrap来创建选项卡）。第一个（活动/默认）选项卡很长，并且会显示垂直滚动条。第二个选项卡很短，当它变为活动状态时，垂直滚动消失。 第二个选项卡只包含一个文本输入和专注的时候，我报告它的位置：

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

奇怪的是，在同一个浏览器和网页相同的负载，第一次和第二次我关注输入我得到不同的数字左：

对象{顶：223，左起：358.5}

对象{顶：223，左起：367}

左边的第一个数字好像有一个垂直滚动条（虽然没有），但第二个数字是正确的。看起来chrome无法立即理解滚动条的变化。

Answer 1

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

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

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