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瀏覽器慢

回答

相關問題