0

ウェブサイトへのアニメーションの追加が完了しました。ツリーの 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');
        }
    }

本当にありがとう。

4

1 に答える 1

0

display:inline-blockのうちから使ってみてくださいfloat:left。フロートはパフォーマンスを低下させます

于 2012-06-12T14:59:02.947 に答える