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

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

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

スクロールが停止した時にボタンを表示します。スクロールが停止した時にボタンを表示するだけの簡単なスクリプトを考えます。この場合、スクロールイベントが発生した後に一定時間（例：1000ミリ秒）スクロールが続かなければ、ボタンを表示するよう ...

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