DOM の新仕様として、スクロールのパフォーマンスを改善するためにaddEventListenerに Passive Event Listeners というオプションが追加された。 Scroll Jank ページのスクロール時に発生する（スクロールが詰まったような）遅延を「Scroll Jank」と呼ぶ。 こういった Scroll ...

Webサイトの表現において、ユーザーの操作に呼応するインタラクションは、没入感を高める非常に重要な要素です。中でも「スクロール」に連動した演出は、パララックス効果や追従ヘッダー、あるいは記事の読了率を示すプログレスバーなど、多くの場面 ...

ページのスクロールの滑らかさが損なわれると UX の低下に繋がる。 スクロールイベントの最適化 スクロールイベントは発生頻度が多いため、実装内容によっては Scroll Jank を引き起こす可能性がある。 イベント内でpreventDefault()が呼ばれている可能性がある ...

LP（ランディングページ）のCTAボタンを「スクロールに応じてふわっと表示／非表示」させたい人向けに、Intersection Observer API を使った実装方法をコード付きで解説します。window.scrollY を使う方法との違いや、下スクロール中はボタンを表示し続けるための ...

間違って別の会議室に投稿してしまったので、こちら再投稿します。 お騒がせしてすみません。 JavaScriptで<div>の ...