jQuery动画在父元素之外跳跃/抽搐

Question

我正在使用MixItUp插件进行排序。当我点击我设置的过滤器时，一切都像魅力一样，除了...跳到最后的动画。

为了澄清，在动画和随机播放完成之前，动画会快速跳跃并向下飞回。动画跳转的大小与滤出的元素大小相同。

HTML

<div ID="Container">
<div class=" mix view-list" data-rating="random-variable" data-name="random-variable">
<div class="leftBox"></div>
<div class="mainBox"></div>
<div class="rightBox"></div>
</div></div>

CSS

#Container {
width: 100%;
padding: 0 15px;
}

.view-list {
margin-bottom: 10px;
width: 100%;
height: 160px;
position: relative;
background: #303338;
background-position: 50% 50%;
background-repeat: no-repeat;
}

.leftBox {
padding: 22px 0;
width: 24%;
display: inline-block;
vertical-align: top;
}

.mainBox {
width: 52%;
height: 155px;
display: inline-block;
vertical-align: top;
position: relative;
padding: 18px 0;
color: #999BA6;
}

.rightBox {
width: 24%;
height: 160px;
display: inline-block;
vertical-align: top;
padding: 59px 0;
}

真的希望有人可以帮忙解决这个问题，我花了太长时间在这里不成功。

更新 找出问题所在。事实证明我有多个CSS动画分配给同一个元素。不敢相信。谢谢你的阅读。