Javascript 浮动导致滞后

在我的网站上，我使用带有浮动div的网格布局。作为分页转换，我使用淡出。然而，我注意到，自从我开始使用floatingdiv的动画以来，动画的发展滞后了很多。我的灯箱淡入也滞后于带有浮动div的页面。你知道我怎样才能阻止这种延迟吗

这是一个例子。请注意，当浮动中有内容时，动画上的延迟更为明显，并且在包含youtube视频的我的lightbox上（视频本身开始太晚）

布局：

<div id=container>
    <div id=float></div>
    <div id=float></div>
    <div id=float></div>

    <div id=float></div>
    <div id=float></div>
    <div id=float></div>

    <div id=float></div>
    <div id=float></div>
    <div id=float></div>
​</div>​​​​​​​​​​​​​

​​​​​​​​​​​​​​

不建议有多个元素具有相同的

id

。您最好使用

类

。延迟的原因可能有很多，包括客户端和服务器端。动画是应用于每个单独的div还是仅应用于容器？简化动画可能会有所帮助。您有JSFIDLE或其他链接吗？Fade在容器上，但延迟肯定是由浮动引起的，我已经测试了几个小时来确保。我马上打个电话。