CSS スクロールスナップは CSS モジュールの一つで、スクロール操作の完了後にスクロールコンテナーのスクロールポートが終了するスクロール位置を強制する、スクロールスナップ位置を導入します。
メモ: 以前のバージョンのスクロールスナップはスクロールスナップ点と呼ばれており、非推奨になりました。このバージョンが現行です。
リファレンス
コンテナーの CSS プロパティ
scroll-snap-typescroll-snap-stopscroll-paddingscroll-padding-topscroll-padding-rightscroll-padding-bottomscroll-padding-leftscroll-padding-inlinescroll-padding-inline-startscroll-padding-inline-endscroll-padding-blockscroll-padding-block-startscroll-padding-block-end
子の CSS プロパティ
scroll-snap-alignscroll-marginscroll-margin-topscroll-margin-rightscroll-margin-bottomscroll-margin-leftscroll-margin-inlinescroll-margin-inline-startscroll-margin-inline-endscroll-margin-blockscroll-margin-block-startscroll-margin-block-end
仕様書
| 仕様書 | 状態 | 備考 |
|---|---|---|
| CSS Scroll Snap Module Level 1 | 勧告候補 | 初回定義 |