CSS スクロールスナップ

CSS スクロールスナップ (CSS Scroll Snap) は CSS モジュールの一つで、スクロール操作の完了後にスクロールコンテナーのスクロールポートが終了するスクロール位置を強制する、スクロールスナップ位置を導入します。

リファレンス

コンテナーの CSS プロパティ

子の CSS プロパティ

ガイド

仕様書

仕様書 状態 備考
CSS Scroll Snap Module Level 1 勧告候補 初回定義

ブラウザーの互換性

個々のプロパティページにて、それぞれのプロパティのブラウザー互換性情報を詳しく説明しています。

Note: このモジュールの以前のバージョンはスクロールスナップ点と呼ばれており、非推奨になりました。CSS スクロールスナップが現在の実装です。新旧の仕様の対応方法の概要については、ブラウザーの互換性のガイドを参照してください。