javascript - Goanimate 在 Chrome 和 Firefox 中表现怪异(在 IE 中正常)

Question

我使用这段代码:

$("img.cloudcarousel").each(function(i, e){
  coords[i] = $(e).offset();
});

保存图像的位置(并且有效)。然后我为它们制作动画并移动它们。然后我使用这段代码:

 $("img.cloudcarousel").each(function(i, e){
   $(e).animate({top:coords[i].top, left:coords[i].left}, 1000);
 });

让他们回到属于他们的地方。在 IE(至少 8)中，它工作正常，但在 Chrome 和 Firefox 中，它向左和向下动画 40-50 像素太多(就像它的过度动画)。

不要问我是怎么发现的:当我在它们上面使用鼠标滚轮时，它们会转到它们所属的位置!

我想这在某种程度上与动画队列的建立有关，但是我只使用了四张图像并且在 x 时间后它不会自行修复，只能在鼠标滚轮上修复。

编辑:添加到 jsfiddle.net

我不太确定该网站是如何工作的，但我将我的 HTML 和 JS 添加到其中:

http://jsfiddle.net/3wqYg/

Answer 1

$(e).offset() 不返回当前在您的 fiddle 中定义的值。我没有查找偏移量的定义，但如果你输出坐标，你会发现它与代码中的不一样

编辑:我看到问题见 offset() http://api.jquery.com/offset/它返回相对于文档的 x, y，但是当你将它动画化回来时，它是相对于父元素的(默认行为)。所以在文档中它提到使用 position()。那是相对于父元素的，我没有尝试过，但如果你使用它，它应该可以工作。

最终编辑:是的，位置很好，请参阅 http://jsfiddle.net/3wqYg/1/您必须将它复制到测试页中，因为它不会在 fiddle 上播放动画