jQuery アニメーションを停止する

jQuery stop() メソッドは、アニメーションやエフェクトが完了する前にそれらを停止するために使用されます。

効果デモ

ここをクリックして、パネルを上/下にスライド

一寸金に一寸の陰、そのため、簡単で理解しやすい学習コンテンツを提供します。

ここでは、簡単な便利な方法で必要な知識を得ることができます。

jQuery stop() スライド
jQuery stop() メソッドのデモ
jQuery stop() アニメーション(パラメータ付き)
jQuery stop() メソッドのデモ

jQuery stop() メソッド

jQuery stop() メソッドは、アニメーションやエフェクトが完了する前にそれらを停止するために使用されます。

stop() メソッドは、スライド、フェードイン/アウト、カスタムアニメーションを含むすべての jQuery エフェクト関数に適用できます。

構文

$(selector).stop(stopAll,goToEnd);

オプション stopAll パラメータはアニメーションキューをクリアするかどうかを指定します。デフォルトは false で、アクティブなアニメーションのみを停止し、キューに入っているアニメーションを後に行うことを許可します。

オプション goToEnd パラメータは現在のアニメーションを即座に終了するかどうかを指定します。デフォルトは false です。

したがって、デフォルトでは、stop() は指定された要素上の現在のアニメーションをクリアします。

以下は stop() メソッドの例です:パラメータなし

$("#stop").click(function(){
  $("#panel").stop();
);

自分で試してみてください

jQuery エフェクトリファレンスマニュアル

jQuery エフェクトを詳細に確認するには、私たちの jQuery エフェクトリファレンスマニュアル