jquery - 谷歌浏览器 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);