CSS スクロールスナップ

CSS スクロールスナップは、スクロールのスナップ位置を導入する CSS のモジュールです。これは、スクロールの実行が終了した後にコンテナのスクロール領域が停止する位置を明示的に決定します。

参照

CSS プロパティ

ガイド

なし。

仕様

仕様書 策定状況 備考
CSS Scroll Snap Module Level 1
scroll-snap-points-y の定義
勧告候補 初期定義

ブラウザ互換性

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

機能 Chrome Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
基本サポート 48.0 39.0 (39.0) 未サポート 未サポート 未サポート
機能 Android Firefox Mobile (Gecko) Firefox OS IE Phone Opera Mobile Safari Mobile
基本サポート 未サポート 39.0 (39.0)[1] 39.0 (39.0) 未サポート 未サポート 未サポート

[1] Firefox Mobile では Gecko 39 から使用可能ですが、layout.css.vertical-text.enabled を設定した状況下である必要があり、これはデフォルトで無効化されています。

ドキュメントのタグと貢献者

 このページの貢献者: KitaitiMakoto
 最終更新者: KitaitiMakoto,