javascript - 浮动导致滞后

Question

在我的网站上，我使用带有浮动 div 的网格布局。作为分页过渡，我使用淡出。但是，我注意到，自从我开始使用浮动 div 后，动画就滞后了很多。我的灯箱淡入也滞后于浮动 div 的页面。知道如何阻止这种滞后吗？

这是一个JSFiddle。请注意，当浮动内容中有内容时，动画的滞后会更加明显，并且在我的包含 youtube 视频的灯箱上（视频本身开始太滞后）

布局：

<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>
​&lt;/div>​​​​​​​​​​​​​