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 を設定した状況下である必要があり、これはデフォルトで無効化されています。

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

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