MixItUp 3动画不起作用

Question

我更新了我的投资组合网站，并将我的MixItUp组合从2转换为3。然而，动画表现得很奇怪。每次我点击一个过滤器链接，一些投资组合项目飞到“投资组合”的标题上，同时逐渐消失。我不喜欢效果。我可以看出，当我调整持续时间时，动画正在工作，但是，我不知道如何修复其余的内容，使其看起来像下面的演示：

https://www.kunkalabs.com/mixitup/

在这里，您可以看到动画都是错误的：

http://kikidesign.net/portfolio

我的Javascript代码是：

<script>
    var containerEl = document.querySelector('.mixitup-list');

    var mixer = mixitup(containerEl, { //MixItUp 3 options, 'item' matches the class in the PHP

        animation: {
        duration: 800,
        nudge: false,
        reverseOut: false,
        effects: "fade scale(0.41)"
    }


    });
</script>

它位于footer.php。

Answer 1

我解决了问题。是高度的问题。我把每个项目组合的高度指定为100%，因此，它把动画搞砸了。