我有一个由 jQuery 和另一个由 CSS 执行的完全相同的动画的示例比较。动画是如此之少,并没有发生太多事情,那么为什么 jQuery 会像现在这样落后呢?这太荒谬了……不过,CSS 的动画效果很漂亮。
有人能告诉我为什么 jQuery 动画会滞后,即使它们这么小?
您必须删除 jQuery 动画 div 上的 CSS 转换规则,在此示例中:
两者的行为相同。
原因是 jQuery 通过每秒更改 x 次位置来进行动画处理,但随后浏览器会尝试在这些值之间进行动画处理。
我会说这与 paddingBottom 与动画时间的比率有关。尝试将动画时间更改为较小的值,您会发现它更加平滑。
(设置为 75ms -链接)