Jquery masonry JQuery动画不';t从底部装载

Jquery masonry JQuery动画不';t从底部装载,jquery-masonry,infinite-scroll,Jquery Masonry,Infinite Scroll,在我的WordPress站点上,my functions.php中包含了一个砌体脚本,并通过插件激活了无限滚动。看起来一切正常(尽管元素有时会重叠) 但是新附加的元素从左上角设置动画,而不是从底部设置动画 这是WP admin中的回调: function( newElements ) { var $newElems = $( newElements ).css({ opacity: 0 }); $newElems.imagesLoaded(function(){ $newElems.animat

在我的WordPress站点上,my functions.php中包含了一个砌体脚本,并通过插件激活了无限滚动。看起来一切正常(尽管元素有时会重叠)

但是新附加的元素从左上角设置动画,而不是从底部设置动画

这是WP admin中的回调:

function( newElements ) {
var $newElems = $( newElements ).css({ opacity: 0 });
$newElems.imagesLoaded(function(){
$newElems.animate({ opacity: 1 });
$container.masonry( 'appended', $newElems, true );
});
最后一个“true”表示“isAnimatedFromBottom”,不是吗

演示站点:

存在阻止
isAnimatedFromBottom
参数使用CSS转换的漏洞

你有几个选择

  • 使用
    isAnimated:true
    选项切换到JS动画。但是动画可能很慢
  • 使用中建议的代码修补代码