jquery - jQuery 动画在 webkit 浏览器中运行缓慢

Question

我刚刚在我的网站上添加了一些动画。我创建了一些树的 div，让它们在显示内容之前弹出，然后是 ipad。此外，按下投资组合，会显示一个类似于您在 ipad 上看到的文件夹。按下这些“应用程序”之一，完全扩展 ipad 并分离内容。后一部分在所有浏览器上都可以正常工作，至少是最新版本。然而，在 Safari 和 Chrome（webkit 浏览器）中，按下组合时树的弹出和文件夹的扩展很慢。我真的不明白为什么会这样。我对 jQuery 很陌生，所以如果我落后了，请原谅。

慢动画的代码

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');
        }
    }

非常感谢。

Answer 1

尝试使用display:inline-blockout float:left。浮点数会降低性能