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

Posted 2023-03-06

【中文标题】谷歌浏览器 jQuery 动画在谷歌浏览器中滞后

【英文标题】：Google Chrome jQuery Animation lag in Google Chrome

【发布时间】：2012-01-21 07:48:05

【问题描述】：

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

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

应该如何正确动画？

【问题讨论】：

动画从屏幕左侧开始，而不是从元素所在的中心开始...

您是否尝试过为换行边缘设置动画？因为这就是它的初始位置。

@frank 将其作为答案发布。它可能会起作用。我会接受的。 ;) 你应该得到一些宝贵的帮助......

成功了！ ;))) 非常感谢！

我会在几个小时内上传它，如果你想看看它的工作...

【参考方案1】：

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

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