CSS スクロール固定

CSS スクロール固定モジュールは、ユーザーが可視コンテンツを利用している間、スクロールボックスの可視領域より上の DOM の変更によってページが動くことを防ぐ仕組みを定義します。

スクロール固定は、レイアウトが変更されてもユーザーの文書表示を安定させようとするものです。これは、移動がスクロール位置を決定するために使用される DOM ノード(アンカーノード)を選択することで機能します。アンカーノードは常にスクロールボックスの子孫です。

要素にスナップされたスクロールコンテナーの場合、スクロールアンカーは再スナップされる位置に制限されます。

リファレンス

プロパティ

用語集と定義

ガイド

スクロール固定のガイド

スクロール固定と抑制トリガーを有効化および無効化する方法、そして、いつ、なぜそれらを使用するべきなのかを説明します。

関連概念

仕様書

Specification
CSS Scroll Anchoring Module Level 1

関連情報