jQuery.scroll()関数の詳しい説明

scroll() 関数は、一致する各要素のスクロール イベントにハンドラー関数をバインドするために使用されます。この関数は、スクロール イベントをトリガーするために使用することもできます。さらに、いくつかの追加データを イベント ハンドラー 関数に渡すこともできます。

scroll イベントは、要素のスクロール バーの位置が変更されるとトリガーされます。このイベントは通常、ウィンドウ オブジェクト またはその他のスクロール可能な要素 (通常はスクロール バーが表示されます) にのみ適用されます。

さらに、同じ要素に対してこの関数を複数回呼び出して、複数のイベント ハンドラーをバインドすることができます。スクロールイベントがトリガーされると、jQueryはバインドされたイベント処理関数をバインド順に実行します。

scroll() 経由でバインドされたイベントを削除するには、unbind() 関数を使用します。

この関数はjQueryオブジェクト(インスタンス)に属します。

構文

jQueryObject.scroll( [ [ data ,] handler ] )

少なくとも 1 つのパラメーターが指定されている場合は、スクロール イベントのハンドラー関数をバインドすることを意味し、パラメーターが指定されていない場合は、スクロール イベントがバインドされることを意味します。引き金になった。

パラメータ

パラメータの説明

data オプション/イベントがトリガーされたときに、event.data を通じてイベント処理関数に渡す必要がある任意のタイプのデータ。

handler 関数タイプで指定されたオプション/イベント ハンドラー関数。

jQuery 1.4.3 の新規サポート:scroll() はデータパラメータをサポートします。

パラメータハンドラー内の this は、現在の DOM 要素を指します。また、scroll() は、現在のイベントを表す Event オブジェクトというパラメーターをハンドラーに渡します。

関数ハンドラーの戻り値が false の場合、要素のデフォルト イベント

behavior を防止し、DOM ツリー内でのイベントのバブリングを停止することを意味します。たとえば、3499910bf9dac5ae3c52d5ede7383485 リンクのクリック イベントのハンドラー関数が false を返す場合、リンクのデフォルトの URL ジャンプ動作を防ぐことができます。 ff9c23ada1bcecdd1a0fb5d5a0f18437フォームのスクロール イベント ハンドラーが false を返すため、フォームのデフォルトのフォーム送信動作が妨げられる可能性があります。

戻り値

scroll()

関数の戻り値はjQuery型で、現在のjQueryオブジェクトそのものを返します。

例と説明

次の HTML サンプル コードを参照してください:

<div id="msg" style="height: 3000px;" ></div>
现在，我们为window对象的scroll事件绑定处理函数(可以绑定多个，触发时按照绑定顺序依次执行)：
$(window).scroll( function(event){
    $("#msg").append( $(this).scrollTop() + &#39;<br>&#39; );
} );
// 触发window对象的scroll事件
// $(window).scroll( );

いくつかの追加データをイベント ハンドラー関数に渡すこともできます。さらに、イベント処理関数の jQuery によって渡されるパラメーター Event オブジェクトを通じて、現在のイベントに関する関連情報 (イベント タイプ、イベントをトリガーした DOM 要素、追加データなど) を取得できます。

以上がjQuery.scroll()関数の詳しい説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。