Question

我刚刚向my website添加了一些动画。我创建了一些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-block中的float:left。浮动会降低性能

webkit浏览器中的jQuery动画效果很慢

1 个答案: