尽管我在互联网上搜索了有关这方面的信息,但我找不到关于它的任何,所以我来这里寻求帮助。
所以这是我一直在研究的项目的精炼版本:
http://sachasayan.com/test/index.html(请在Webkit浏览器中查看。还没有时间让它对FF友好。)
那是什么让我烦恼:无论我使用哪种方法 - jQuery .animate,或css3过渡,[my]动画看起来都不是很顺利。我不明白为什么他们一开始就这样出现,而且它是如此微妙,我最终不得不做一些视频封顶来证明这一点。但它肯定存在 - 动画是juttery。有时框架发生得太快,有时太慢。
来回翻转六七次,你会希望看到我在说什么。
我可以用jQuery理解这一点 - JS执行并不完美。一个快速的分析表明,当使用jQuery动画时,某些帧会很快被触发而某些帧会延迟。但是使用CSS3?
人们如何解决这个问题?
答案 0 :(得分:1)
在代码之前设置此JS:
jQuery.fx.interval = 100;
答案 1 :(得分:1)
这是我的一个小项目的原型,与你的相似:
http://www.megaupload.com/?d=U77EATKF
我正在使用jQuery的“ margin-left ”CSS属性和.animate移动容器,并且非常流畅。使用箭头键使用它(左和右)
该项目的当前版本现在充满了图片,文字,iframe,并且仍然很流畅。
祝你好运。