谷歌浏览器 jQuery 动画在谷歌浏览器中滞后答案

【问题标题】：Google Chrome jQuery Animation lag in Google Chrome谷歌浏览器 jQuery 动画在谷歌浏览器中滞后
【发布时间】：2012-01-21 07:48:05
【问题描述】：

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

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

应该如何正确动画？

【问题讨论】：

动画从屏幕左侧开始，而不是从元素所在的中心开始...
您是否尝试过为换行边缘设置动画？因为这就是它的初始位置。
@frank 将其作为答案发布。它可能会起作用。我会接受的。 ;) 你应该得到一些宝贵的帮助......
成功了！ ;))) 非常感谢！
我会在几个小时内上传它，如果你想看看它的工作...

标签： jquery css google-chrome animation position

【解决方案1】：

动画边缘似乎可以完成工作。只需使用：

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

【讨论】：