Масонство Бесконечная анимация прокрутки не является гладкой

Question

Как я могу исправить проблему, что моя кладка бесконечно оживляет новые загруженные элементы. Теперь он будет отображаться непосредственно, без плавной анимации:

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); 
    }); 
    } 

Answer 1

Попробуйте

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.css({ opacity: 1 }); 

    $container.masonry('appended', $newElems, true); 
}); 
} 

или это может работать немного лучше. (Я предполагаю, что вы используете кладку 3?).

function(newElements) { 
// hide new items while they are loading 
var $newElems = $(newElements).hide(); 
// ensure that images load before adding to masonry layout 
$newElems.imagesLoaded(function(){ 
    // show elems now they're ready 
    $newElems.fadeIn(); 
    $container.masonry('appended', $newElems, true); 
}); 
}