javascript - 具有“溢出:隐藏”父项的MixItUp动画

我在MixItUp jQuery addon上遇到问题

当我在overflow: hidden父级内部初始化MixItUp容器时，我在初始化和过滤时遇到动画问题。

对于overflow: hidden，还有另一个动画效果，例如this

您可以在此fiddle上看到一个示例

当您在jsfiddle示例中删除overflow: hidden时，它会按预期工作。

在我的项目中，MixItUp位于iDangerous swiper内，因此我无法删除“ oveflow：隐藏”，因为这是必要的。

有没有办法使用CSS或脚本解决此问题？

HTML：

<div id="Container">
    <div id="Container2">
        <div class="mix"></div>
        <div class="mix"></div>
        <div class="mix"></div>
        <div class="mix"></div>
    </div>
</div>
<div class="filter" data-filter="all">All</div>
<div class="filter" data-filter="none">None</div>

CSS：

#Container {
    overflow: hidden;
}
.mix {
    background: black;
    display: none;
    width: 100px;
    height: 100px;
}

Javascript：

$(function () {

    $('#Container').mixItUp({
        animation: {
            effects: 'fade translateZ(-360px) stagger(34ms)'
        }
    });

});

最佳答案

解决了。

解：
设置#Container的高度