YUI动画在Firefox和IE中运行缓慢

Question

我使用YUI-2制作了一个应用程序，它使用了与YUI动画模块不同的效果。我已经创建了一个表单，就像这样：http://tympanus.net/Tutorials/FancySlidingForm/

在应用程序中，YAHOO.util.Scroll()用于创建动画效果。

var myAnim1 = new YAHOO.util.Scroll('container1', {
 left: {    
     to: 500
 } 
},1,YAHOO.util.Easing.easeOut);
myAnim1.animate();

上面的代码在Chrome中运行完美，但动画在Firfox和Internet Explorer中运行缓慢。谁能给我提个建议，是什么问题导致代码在这些浏览器中运行缓慢？

Answer 1

动画缓慢的常见原因是浏览器渲染引擎的速度太快。

根据您要动画的内容以及它如何影响html页面的呈现部分，浏览器必须在动画的每个步骤中重新呈现页面。

IE通常在这方面很差，firefox通常相当好，但在一些布局上有问题。Chrome几乎总是在这方面做得很好，因此你很少在那里看到问题。