JavaScriptでスクロールイベントリスナーを追加する方法

方法1: addEventListenerを使用する方法

window.addEventListener('scroll', function() {
  // スクロールイベントの処理をここに記述する
});

上記のコードでは、windowオブジェクトに対してscrollイベントをリスンするリスナーを追加しています。スクロールイベントが発生するたびに、指定した処理が実行されます。

方法2: onscrollプロパティを使用する方法

window.onscroll = function() {
  // スクロールイベントの処理をここに記述する
};

上記のコードでは、windowオブジェクトのonscrollプロパティにイベントハンドラ関数を代入しています。これにより、スクロールイベントが発生するたびに指定した処理が実行されます。

方法3: jQueryを使用する方法

$(window).scroll(function() {
  // スクロールイベントの処理をここに記述する
});

上記のコードでは、jQueryを使用してwindowオブジェクトに対してスクロールイベントのリスナーを追加しています。jQueryを使う場合は、事前にjQueryライブラリを読み込む必要があります。

これらはいくつかの基本的な方法ですが、他にもさまざまな方法があります。選択した方法に応じて、スクロールイベントの処理を追加してください。