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 ツリー内でのイベントのバブリングを停止することを意味します。たとえば、 リンクのクリック イベントのハンドラー関数が false を返す場合、リンクのデフォルトの URL ジャンプ動作を防ぐことができます。

フォームのスクロール イベント ハンドラーが 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 サイトの他の関連記事を参照してください。