2011-12-07 10 views
0

私のPCはかなり古くて遅いかもしれませんが、JQueryのスライドはあまり滑らかではないようです。ページ上に要素が多くない場合は問題ありませんが、1つのYouTube動画を埋め込んだ後も不調になります。JQueryスライドが滑らかではないようですか?

私のコードは

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

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

    return false; 
}); 

スムーズなjQueryのを作るためにどのような方法があります非常に簡単ですか?

答えて

2

短い答え:jQueryのアニメーションは、MooToolsのように滑らかではありません。あなたのコードには何も問題はありません。また、いくつかのブラウザでは(Firefoxはそれが有名です)、アニメーションはちょっと変わってしまいます。

将来の解決策の1つは、これらのアニメーションをCSSアニメーションに置き換えることです。ハードウェアアクセラレーションは多くの場合、よりスムーズなエクスペリエンスを提供します。ブラウザがアニメーションをサポートしていない場合、jQueryアニメーションにフォールバックすることができます(これを検出するためにModernizrを使用できます)。

+0

アドバイスをいただきありがとうございます。 CSSアニメーションはすぐに学習を開始するのは素晴らしいことですが、IEはいつも追いついているので、私は待っています。私はMooToolsについて聞いたことがありますが、それを使ったことはありません。以前に使ったことがありますか?それはjQueryとどのように比較されますか? –

+0

MooToolsとjQueryは異なる目標を持った異なる獣です。あなたの最優先事項がスムーズなアニメーションなら、それは何かを調べることだと思います。しかし、jQueryははるかに多くのサイトで使用されています。 – Interrobang

+0

もう一度ありがとうございます。私は少なくとも私がMooToolsをチェックアウトすると思う –

関連する問題