JavaScript 【JavaScript】スクロールイベントの使い方|scroll・scrollY・throttle・IntersectionObserver・スクロール方向検出まで解説
JavaScriptでスクロールイベントを使う方法を完全解説。addEventListenerでscrollイベントを設定する基本、window.scrollYでスクロール量を取得、scrollTopで要素のスクロール量、throttleとrequestAnimationFrameによるパフォーマンス最適化、IntersectionObserverでスクロールイベント不要の要素検出、スクロール方向(上下)の検出、スクロール率の計算、passiveオプション、ヘッダー表示切替・プログレスバー・フェードインの実務パターンまで網羅。