jquery - 一次为一个轴动画 jQuery Masonry 元素

Question

我有一个 jQuery Masonry 布局，我正在初始化，如下所示：

$("#container").masonry({
    itemSelector: ".pod, .smallpod",
    animationOptions: {
        queue: true
    }
});

我认为该queue选项会将动画排队，以便它x先动画，然后再动画y。事实证明这是不对的。

有谁知道这是否可能？我已经浏览了 Unminified jQuery Masonry JS，但我找不到需要更改的地方。

我找到了moveTo()和transitionTo()功能，但我不确定要更改什么。

函数内translate()有：

function( x, y ) {
    return 'translate3d(' + x + 'px, ' + y + 'px, 0)';
} :
function( x, y ) {
    return 'translate(' + x + 'px, ' + y + 'px)';
};

但是，我找不到一种方法来一次只为一个轴设置动画。

score 2 · Accepted Answer

原来你可以在 CSS3 中做到这一点 - 所以，我正在回答我自己的问题..

1) 设置transitionDuration为0

2) 增加了过渡属性left, top, opacity

score 0 · Accepted Answer

首先，您可以独立检查两个轴。变量 didnotmoved 等于两个轴。创建第二个变量，然后制作 2 个 if 语句来增加或减少 x 或 y 轴。

2 回答 2