JQuery幻燈片似乎不光滑？

Question

也許是因爲我的PC比較老，速度慢，但是JQuery的幻燈片似乎不是很流暢。如果頁面上的元素不多，但嵌入一個YouTube視頻後就會變得緩慢。

我的代碼很簡單

$('#mainmenu-cats').click(function(){ 

    $('#main-categories').slideToggle(400, 'swing'); 

    return false; 
}); 

有沒有什麼辦法讓JQuery的平滑？

Answer 1

簡短的回答：jQuery的動畫並不像MooTools那樣流暢。你的代碼沒有問題，並且在一些瀏覽器中（Firefox是臭名昭着的），動畫將會不穩定。

一個面向未來的解決方案是開始尋找用CSS動畫代替這些動畫。在很多情況下，它們都是硬件加速的，並且會提供更流暢的體驗。然後，如果瀏覽器不支持動畫，則可以回退到jQuery動畫（您可以使用Modernizr來檢測此動畫）。