jQuery的动画在WebKit浏览器慢

我刚刚完成加入一些动画my website。我创建的树木一些div，并让他们让内容显示之前弹出，然后在iPad。此外，按下组合，显示一个文件夹，就像你在ipad上看到的那样。按下其中一个“应用程序”，完全扩展ipad并分离内容。后者在所有浏览器上都能正常工作，至少是最新版本。了树的弹出和按业务范围，但在Safari和Chrome（在WebKit浏览器）慢的文件夹延伸。我无法弄清楚这是为什么。我对jQuery很新，所以请原谅，如果我正在倒退。jQuery的动画在WebKit浏览器慢

的缓慢动画代码

function portfolioToggle() 
    { 
     var animationTime = 500; 
     var extendedHeight = 153; 
     var appFolder = $('#menu #app_folder'); 
     if(appFolder.css('height') == '0px') 
     { 
      appFolder.animate({height : extendedHeight}, animationTime, 'swing'); 
     } 
     else 
     { 
      appFolder.animate({height : 0}, animationTime, 'swing'); 
     } 
    }

非常感谢。

来源

2012-06-12 Gerard

它往往是张贴你认为有用的代码是罪魁祸首:) – AbstractChaos

似乎非常活泼的我在Chrome 19，OSX –

@AbstractChaos是的，你说得对，我已经添加了一些代码现在。它只是动画表现一般较慢，所以我更多的猜测从人熟悉WebKit的差异和/或WebKit的jQuery的业绩指引一些帮助。 – Gerard

尝试使用display:inline-block出float:left。花车降低性能

来源

2012-06-12 14:59:02 Rustam

得到它会试试这个，谢谢你的反馈。我会尽快回复您。 – Gerard

不好意思，这不起作用。已删除所有浮动左派，尽管有些乱了一下当inline-block的更换，问题仍然存在。感谢您的帮助。 – Gerard

接受，虽然它没有解决它，但这绝对是一个很好的做法，并且很可能是任何人绊倒这个问题的罪魁祸首。 – Gerard

jQuery的动画在WebKit浏览器慢

回答

相关问题