谷歌浏览器jQuery动画在谷歌浏览器中的延迟

Question

我需要使用jQuery流畅地移动对象。我使用的是.animate()方法。我正在动画它的position属性。它几乎在任何地方都可以工作，但元素在Chrome中的动画效果并不流畅。

$('#element').animate({
    'left': '+=' + 400 + 'px'
}, 800);

应该如何正确地设置动画？

Answer 1

设置边距动画似乎可以做到这一点。只需使用：

$('#login').animate({
    'margin-left': '+='+screen.width*2+'px'
}, 800, function(){ $('#login').addClass('inv'); });
$('#register').animate({
    'margin-left': '-150px'
}, 800);