为什么[我的]CSS3/jQuery转换如此不完美地平滑，以及我如何使它们更加平滑

Why are [my] CSS3/jQuery transitions so imperfectly smooth, and how do I make them more smooth?

本文关键字：平滑何使它 CSS3 我的 jQuery 为什么转换完美更新时间：2023-09-26

尽管我在互联网上搜索了很多关于它的信息，但我找不到任何关于它的，所以我来这里寻求帮助。

一直困扰着我的是：无论我使用哪种方法——jQuery.animate还是css3转换，[我的]动画看起来都不是完全平滑的。一开始我不明白它们为什么会这样出现，而且它太微妙了，我最终不得不做一些视频封顶来证明这一点。但它确实存在——动画很突出。有时一帧发生得太快，有时发生得太慢。

来回翻转六七次，你就会看到我在说什么。

我可以用jQuery来理解这一点——JS的执行并不完美。快速分析表明，事实上，当使用jQuery anim时，有些帧被触发得太早，有些帧则被延迟。但是CSS3呢？

人们如何解决这个问题？

我使用jQuery的margin-leftCSS属性和.animate来移动容器，非常平滑。使用箭头键使用它（左右）

该项目的当前版本现在充满了图像、文本和iframe，并且仍然很流畅。

在代码之前设置此JS：

jQuery.fx.interval = 100;