MixItUp 3アニメーションが機能しない

Question

私のポートフォリオのWebサイトを更新し、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％と特定し、アニメーションを台無しにしました。