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几乎总是非常擅长这一点，因此你很少在那里看到问题。