谷歌瀏覽器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);