以特定速度滾動時的砌體和無限滾動破壞佈局

Question

我有一個流體寬度主題，我正在使用jQuery砌體和無限滾動。問題是，如果你以特定的速度滾動（不是太快，也不會太慢），頁面會導致網格中斷。我只看到了這個有兩列，並在Firefox：

任何人都知道爲什麼發生這種情況？我知道這可能是一些事情，但如果有人有這方面的經驗，並知道發生了什麼事情會有很大幫助。

更新： 中斷髮生在頁面上的最後一篇文章之後。後來出現的那些是由無限滾動的回調產生的。

Answer 1

嗯，我看不到鏈接到你的頁面去查看（和圖像不可用），但從我以前的磚石經驗，每當頁面大小發生重大變化時（重新調整大小，滾動，重新調整大小的div），則需要再次觸發它：

jQuery(document).ready(function() { 
    jQuery("#somediv").click(function() { 
     jQuery('#leftcol').toggle(700); //div resizing start here 
     jQuery('#somediv2').toggleClass("minside"); 
     jQuery('#somediv').toggleClass("full"); // evoke again after change.. 
     jQuery('#container').masonry({ 
      itemSelector : '.item', 
      columnWidth : 240 
     }); 
    }); 
}); 

Answer 2

添加爲回調無限滾動和你的問題將不復存在......至少對我的作品：

// trigger Masonry as a callback 
function (newElements) { 
    // hide new items while they are loading 
    var $newElems = $(newElements).css({ opacity: 0 }); 
    // ensure that images load before adding to masonry layout 
    $newElems.imagesLoaded(function() { 
     // show elems now they're ready 
     $newElems.animate({ opacity: 1 }); 
     $container.masonry('appended', $newElems, true); 
    }); 

}); 

檢查$container以防萬一你改變了它。