CSS スクロールスナップ点

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

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

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

リファレンス

CSS プロパティ

• scroll-snap-coordinate
• scroll-snap-destination
• scroll-snap-points-x
• scroll-snap-points-y
• scroll-snap-type

仕様書

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

ブラウザーの対応

scroll-snap-coordinate プロパティ

このページの互換性一覧表は構造化データから生成されています。データに協力していただけるのであれば、 https://github.com/mdn/browser-compat-data をチェックアウトしてプルリクエストを送信してください。

Update compatibility data on GitHub

	デスクトップ						モバイル
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Android 版 Chrome	Edge Mobile	Android 版 Firefox	Android 版 Opera	iOSのSafari	Samsung Internet
scroll-snap-coordinate 非推奨非標準	Chrome 未対応 なし	Edge 未対応 なし	Firefox 未対応 39 — 68	IE 未対応 なし	Opera 未対応 なし	Safari 未対応 なし	WebView Android 未対応 なし	Chrome Android 未対応 なし	Edge Mobile 未対応 なし	Firefox Android 未対応 39 — 68	Opera Android 未対応 なし	Safari iOS 未対応 なし	Samsung Internet Android 未対応 なし

凡例

未対応  

未対応

非標準。ブラウザー間の互換性が低い可能性があります。

非標準。ブラウザー間の互換性が低い可能性があります。

非推奨。新しいウェブサイトでは使用しないでください。

非推奨。新しいウェブサイトでは使用しないでください。