2

スライドドロップダウンを実装しており、このコードを使用しています

$(document).ready(function(){
    $('.drop').click(function(){
        var $next = $(this).parent().next('li.drop_down');
        if($next.is(':visible')) {
            $next.slideUp();
        } else {
            $next.slideDown();
        }
    });
});

しかし、クライアントはそれが十分に滑らかではないと主張しています。彼は本当にスムーズに拡張したいので、スムーズにする方法はありますか

4

6 に答える 6

6

アニメーションをよりスムーズにするために、イージング プラグインを組み込むことをお勧めします。

于 2010-07-12T18:49:45.857 に答える
4

アニメーションがスムーズでない場合は、slidedUp / slidedDownを取得する要素にピクセル単位の幅（パーセントではありません！）を指定する必要があります。これはほとんどの場合に役立ちます。

于 2012-02-24T13:11:11.757 に答える
1

jQuery UIライブラリを試すことができます。Event() クラスは、速度やその他のプレゼンテーション関連の属性を調整できるスライド効果を提供します

http://jqueryui.com/demos/effect/

于 2010-07-12T18:50:36.487 に答える
1

slideUp/slideDown() の内部にミリ秒数を追加することで、アニメーションの長さを長くすることができます。

    if($next.is(':visible')) {
        $next.slideUp(2500);
    } else {
        $next.slideDown(2500);
    }

これで、必要なすべての滑らかさが得られるはずです。

于 2010-07-12T18:53:14.827 に答える