JQuery砌体动画不从底部加载

Question

在我的WordPress网站上，我的functions.php中包含了Masonry脚本，并且使用插件激活了Infinite-Scroll。看起来一切正常（尽管元素有时会重叠）。

但是新添加的元素从左上角开始动画，而不是从底部开始。

这是WP管理员回调：

function(newElements) { 
var $newElems = $(newElements).css({ opacity: 0 }); 
$newElems.imagesLoaded(function(){ 
$newElems.animate({ opacity: 1 }); 
$container.masonry('appended', $newElems, true); 
}); 

最后的 '真' 手段 'isAnimatedFromBottom'，而不是？

演示网站：http://goo.gl/9XVIl

Answer 1

有a bug in masonry v2，可防止isAnimatedFromBottom参数从CSS过渡工作。

您有几个选项。

1. 使用isAnimated: true选项切换到JS动画。但动画可能会很慢。
2. 使用issue中建议的代码修补代码。