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来检测此动画）。