MixItUp動畫與「溢出：隱藏」父

我與MixItUp jQuery addon MixItUp動畫與「溢出：隱藏」父

問題當我初始化overflow: hidden母體內的MixItUp容器，我對init和濾波動畫的問題。

隨着overflow: hidden有像this

另一個動畫效果你可以看到這個fiddle

的例子當你在的jsfiddle例如刪除overflow: hidden，它按預期工作。

在我的項目中，MixItUp在iDangerous swiper裏面，所以我不能刪除'oveflow：hidden'，因爲它是必須的。

有沒有辦法解決這個問題，用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)' 
     } 
    }); 

});

來源

2015-03-02 NePheus

改進的問題一些格式和URL – 2015-03-06 17:54:41

@FabioAntunes代碼仍然需要。請添加closevote。編輯是可選的。 – 2015-03-06 18:00:58

@JanDvorak在這種情況下，我添加了jsfiddle代碼，而不是投票來關閉一個非常合理的問題。解決問題總比幫助新用戶容易。 – 2015-03-06 18:05:16

解決。

解決方案：設置高度爲#container的

來源

2015-03-26 10:32:59 NePheus

MixItUp動畫與「溢出：隱藏」父

回答

相關問題