JavaScript - スクロールしたときに処理を呼び出す

scroll

scroll イベントは、要素がスクロールされたときに発生します。

window.addEventListener("scroll", function(event) {
  console.log("スクロールされました");
});
scroll イベント

scroll イベントは高頻度で発生する可能性があるため、イベントハンドラーは DOM の変更などの計算負荷の高い操作を実行しないでください。代替手段として requestAnimationFrame()setTimeout() または CustomEvent を使うことが推奨されます。

サポートブラウザ
ie
IE
edge
Edge
firefox
Firefox
chrome
Chrome
safari
Safari
opera
Opera
safari
iOS Safari
android
Android
◯:Support ✕:Not Support ?:未定義 n:以降の Version で Support

関連記事