0

我使用 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 中动画运行缓慢。谁能建议我在这些浏览器中导致代码运行缓慢的问题可能是什么?

4

1 回答 1

0

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

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

IE 通常在这方面很差,firefox 通常还不错,但在某些布局上存在问题。Chrome 在这方面几乎总是非常擅长,因此您很少会在那里看到问题。

于 2011-03-13T01:50:10.807 回答