我有一个 div，其中包含一些画布和图像等等。
现在我想要做的是，我想旋转这个 div，但是当 div 同时从左向右移动时，同一个 div 从左开始显示。
像它这样的东西只是影响而已。
我尝试过使用 2 div，效果很好，但是管理起来很乏味我如何使用 1 div 来做到这一点？
这是我的代码。
$('#main').swipeleft(function( event ) {
$('#test').animate({ 'left': window.innerWidth }, 1,function(){
$('#main').animate({"left": -width}, "fast", function(){});
$('#test').animate({"left": -width}, "fast", function(){});
});
});
这里主要和测试是两个div。
这是HTML（很简单）
<div class="whiteBackground" id="main" style="position: relative;">
<img src="img1" style="z-index: 1; top:0px;" height="200px" width="200px">
</img>
</div>
<div class="whiteBackground" id="test" style="position: relative;">
<img src="img1" style="z-index: 1; top:0px;" height="200px" width="200px">
</img>
</div>
请帮帮我。