Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/362.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript YUI动画在Firefox和IE中运行缓慢_Javascript_Cross Browser_Yui_Yui2 - Fatal编程技术网

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

Javascript YUI动画在Firefox和IE中运行缓慢,javascript,cross-browser,yui,yui2,Javascript,Cross Browser,Yui,Yui2,我已经使用YUI-2制作了一个应用程序,它使用了YUI动画模块的不同效果。我创建了一个表单,其工作原理如下: 在应用程序中,YAHOO.util.Scroll()用于创建动画效果 var myAnim1 = new YAHOO.util.Scroll('container1', { left: { to: 500 } },1,YAHOO.util.Easing.easeOut); myAnim1.animate(); 上面的代码在Chrome中运行得非常完美,但在Fir

我已经使用YUI-2制作了一个应用程序,它使用了YUI动画模块的不同效果。我创建了一个表单,其工作原理如下:
在应用程序中,YAHOO.util.Scroll()用于创建动画效果

var myAnim1 = new YAHOO.util.Scroll('container1', {
 left: {    
     to: 500
 } 
},1,YAHOO.util.Easing.easeOut);
myAnim1.animate();
上面的代码在Chrome中运行得非常完美,但在Firfox和Internet Explorer中动画运行缓慢。
有人能告诉我是什么问题导致这些浏览器中的代码运行缓慢吗?

动画运行缓慢的通常原因是浏览器渲染引擎的速度

根据您正在制作的动画以及它如何影响html页面的渲染部分,浏览器将被迫为动画的每个步骤重新渲染页面


IE在这方面通常很差,firefox通常相当不错,但在一些布局上有问题。Chrome在这方面几乎总是非常出色,因此您很少看到问题。

我创建了3个表单(每个表单少于3个字段),并将其设置为动画:是的,它看起来像是一个重新渲染问题。对js进行分析显示很少的活动和时间使用。(从account到confim的所有动画步骤中,firefox 3.6在我的机器上花费了大约3300个函数调用和43毫秒)通常DOM元素越多,动画就越重。布局/css的样式也可能是一个因素-绝对定位的元素更容易设置动画,因为它们比动态宽度表更容易由渲染引擎解析。浮动也相当沉重,还有像利润崩溃这样的事情。