JQuery Masonry动画不会从底部加载

时间:2013-04-24 12:54:19

标签: jquery-masonry infinite-scroll

在我的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 );
});

最后一个'true'表示'isAnimatedFromBottom',而不是?

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

1 个答案:

答案 0 :(得分:0)

a bug in masonry v2阻止isAnimatedFromBottom参数处理CSS转换。

您有几个选择。

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