2

我在使用MixItUp jQuery 插件时遇到问题

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

有了这样overflow: hidden的另一种动画效果

你可以在这个小提琴上看到一个例子

当您删除overflow: hiddenjsfiddle 示例中的 时，它按预期工作。

在我的项目中，MixItUp 位于 iDangerous 刷卡器内，因此我无法删除“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)'
        }
    });

});
4

1 回答 1

0

解决了。

解决方案：为#Container 设置一个高度

于 2015-03-26T10:32:59.447 回答