CSS スクロールスナップ点

非推奨
この機能はウェブ標準から削除されました。まだ対応しているプラウザーがあるかもしれませんが、ゆくゆくはなくなるものです。使用を避け、できれば既存のコードを更新してください。このページの下部にあるブラウザーの対応を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。

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

メモ: CSS スクロールスナップがこの機能を定義する最新の仕様書です。

リファレンス

CSS プロパティ

ガイド

なし。

仕様書

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

ブラウザーの対応

現在、互換性データを可読形式の JSON フォーマットに置き換えているところです。 この互換性一覧は古い形式を使っており、これに含まれるデータの置き換えが済んでいません。 手助けしていただける場合は、こちらから!

機能 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,