MixItUp 3 Animationen funktionieren nicht

Question

ich meine Portfolio Website aktualisiert und konvertierte meinen MixItUp Portfolio von 2 bis 3. Allerdings sind die Animationen komisch wirken. Jedes Mal, wenn ich auf einen Filterlink klicke, fliegen einige der Portfolio-Projekte beim Einblenden über den Titel "Portfolio". Ich mag die Effekte nicht. Ich kann sagen, dass die Animation funktioniert, wenn ich die Dauer eingestellt, aber ich weiß nicht, wie man den Rest zu beheben, um es wie diese Demo normal aussieht zu machen:

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

Hier ist, wo können Sie sehen, wo die Animationen sind alle falsch:

http://kikidesign.net/portfolio

Mein Javascript-Code ist:

<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> 

Es befindet sich in footer.php.

Answer 1

dachte ich, das Problem. Es ist die Höhe. Ich spezifiziere die Höhe jedes Portfolio-Stücks als 100% und damit vermasselte es die Animationen.