javascript – 为什么[my] CSS3 / jQuery转换得如此不完美,如何让它们更流畅？

2023年2月4日 140次阅读

尽管我在互联网上搜索了有关这方面的信息,但我找不到任何相关信息,所以我来这里寻求帮助.

所以这是我一直在研究的项目的精炼版本：

http://sachasayan.com/test/index.html(请在Webkit浏览器中查看.没有时间使它对FF友好.)

什么一直困扰着我：无论我使用哪种方法 – 一个jQuery .animate,或一个css3过渡,[my]动画看起来都不是很顺利.我不明白为什么他们一开始就这样出现,而且它是如此微妙,我最终不得不做一些视频封顶来证明这一点.但它肯定存在 – 动画是juttery.有时框架发生得太快,有时太慢.

来回翻转六到七次,你会希望看到我在说什么.

我可以用jQuery理解这一点 – JS执行并不完美.一个快速的分析表明,当使用jQuery动画时,某些帧会很快被触发而某些帧会延迟.但是使用CSS3？

人们做了什么来解决这个问题？

在代码之前设置这个JS：

jQuery.fx.interval = 100;