为什么[my] CSS3 / jQuery转换得如此不完美,如何使它们更加流畅?

时间:2012-01-07 02:17:34

标签: javascript jquery css3 transition

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

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

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

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

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

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

人们如何解决这个问题?

2 个答案:

答案 0 :(得分:1)

答案 1 :(得分:1)

这是我的一个小项目的原型,与你的相似:

http://www.megaupload.com/?d=U77EATKF

我正在使用jQuery的“ margin-left ”CSS属性和.animate移动容器,并且非常流畅。使用箭头键使用它(左和右)

该项目的当前版本现在充满了图片,文字,iframe,并且仍然很流畅。

祝你好运。