Javascript 是否同时移动4个iFrame/元素？

我试图同时移动4个iFrame，但是当它们离开屏幕时，我遇到了一个问题。您可以在这里看到错误行为：（我使用了一个小div，以便更容易看到问题）

基本上，他们是相互领先的，而不是站在同一个位置上

这是移动iFrame的代码：

// Move iframes
setInterval(function() {
 if(left==true && right!=true){
        $(".site").animate({'left':'+=10'}, 0);
     }
 if(right==true && left!=true){
        $(".site").animate({'left':'-=10'}, 0);
     }
 if(up==true && down!=true){
        $(".site").animate({'top':'+=10'}, 0);
     }
 if(down==true && up!=true){
        $(".site").animate({'top':'-=10'}, 0);
     }
}, 20);

---

我的代码出了什么问题？

您能解释一下这个问题吗？除非你澄清你不想发生的事情，否则没有人能帮助你。对我来说，你的链接看起来运行得很好。你知道吗，你可以编写

if（left==true&&right！=true）

，而不是

if（left&&！right）

？基本上，如果你移动它们，它们会彼此重叠，而不是同时移动。只有当它们离开包含它们的div或屏幕时，如果没有容器，才会发生这种情况。您尝试过使用宽度比屏幕大得多的容器div吗？我刚刚尝试过，只要我移动它们，它们仍然重叠。