与 FF 和 IE 相比，jQuery 在 Chrome 中返回错误的元素位置

Question

我正在编写一个函数来根据我存储在数组中的预定义元素位置来测试滚动条位置。页面上可以有任意数量的这种元素类型，这就是我使用 for 循环来测试滚动条位置的原因。

此代码在 Firefox 中运行良好，但由于某些原因，jQuery 在 Chrome 中为我的每个 .post-info ($pi) 元素返回完全不同的位置，甚至错误地获取 $(document).height。这是我的 javascript 还是我的 css 的问题？当我测试我的 position:relative 在我的 css 中的大多数元素时，我会假设我的 JS。

这是我正在运行的 jQuery:

(function(){
var i,
st,
length,
arrPos = []

  $wn = $(window);
  $pi = $('.post-info');

  $pi.each(function(){
    arrPos.push($(this).offset().top - 80); // offset -80 so new item sticks quicker.
  });
  height = $(document).height();
  arrPos.push(height); // add bottom position of document to array for last item.

  length = arrPos.length;           
  $wn.scroll(function(){ //Scroll Event Listener
    st = $wn.scrollTop();
    for(i=0; i<=length; i++){
       // i = index, n = next
       n = i+1;
       if(st > arrPos[i] && st < arrPos[n]) _stick(i);
    }
});

非常感谢。

Answer 1

Google Chrome 在 $(document).ready 之后设置高度和宽度 如果您有任何图片，那么此时您的页面尺寸将不合适。尝试先预加载图像，完成后再调用函数。 希望这有帮助:)