DOM の新仕様として、スクロールのパフォーマンスを改善するためにaddEventListenerに Passive Event Listeners というオプションが追加された。 Scroll Jank ページのスクロール時に発生する(スクロールが詰まったような)遅延を「Scroll Jank」と呼ぶ。 こういった Scroll ...
Webサイトの表現において、ユーザーの操作に呼応するインタラクションは、没入感を高める非常に重要な要素です。中でも「スクロール」に連動した演出は、パララックス効果や追従ヘッダー、あるいは記事の読了率を示すプログレスバーなど、多くの場面 ...
LP(ランディングページ)のCTAボタンを「スクロールに応じてふわっと表示/非表示」させたい人向けに、Intersection Observer API を使った実装方法をコード付きで解説します。window.scrollY を使う方法との違いや、下スクロール中はボタンを表示し続けるための ...