动画:jQuery VS CSS:jQuery滞后,为什么?-jsFiddle比较/示例

Animation: jQuery VS CSS: jQuery lags, why? - jsFiddle comparison/example

本文关键字:jQuery -jsFiddle 比较 示例 VS CSS 滞后 动画 为什么      更新时间:2023-09-26

JSFiddle

我有一个例子比较了jQuery和CSS执行的完全相同的动画。动画太少了,没有发生太多事情,那么为什么jQuery会像现在这样滞后呢?这太荒谬了。。。。CSS的动画效果很好。

有人能告诉我为什么jQuery动画会滞后,即使它们只有这么小吗?

您必须删除jQuery动画化的div上的CSS转换规则,在本例中:

http://jsfiddle.net/mT39H/

两者行为相同。

原因是jQuery通过每秒更改位置x次来设置动画,但随后浏览器会尝试在这些值之间设置动画。

我认为这与paddingBottom与动画时间的比率有关。尝试将动画时间更改为较小的值,您会看到它更加平滑。

(设置为75ms-链接(