scroll-snap-type-x
非推奨: この機能は非推奨になりました。まだ対応しているブラウザーがあるかもしれませんが、すでに関連するウェブ標準から削除されているか、削除の手続き中であるか、互換性のためだけに残されている可能性があります。使用を避け、できれば既存のコードは更新してください。このページの下部にある互換性一覧表を見て判断してください。この機能は突然動作しなくなる可能性があることに注意してください。
scroll-snap-type-x は CSS のプロパティで、スクロールコンテナーの水平軸にスナップ点がある場合に、どの程度厳密に実行されるかを定義します。
これらのスナップ点を強制するために使用される正確なアニメーションや物理学の指定は、このプロパティでは扱っておらず、ユーザーエージェントに任されています。
/* キーワード値 */
scroll-snap-type-x: none;
scroll-snap-type-x: mandatory;
scroll-snap-type-x: proximity;
/* グローバル値 */
scroll-snap-type-x: inherit;
scroll-snap-type-x: initial;
scroll-snap-type-x: unset;
構文
値
none-
このスクロールコンテナーの視覚的ビューポートが水平方向にスクロールされるとき、スナップ点を無視しなければならない。
mandatory-
このスクロールコンテナーの視覚的ビューポートは、現在水平方向にスクロールされていない場合、スナップ点で静止します。つまり、可能であれば、スクロール動作が終了した時点でその点にスナップします。コンテンツが追加、移動、削除、サイズ変更された場合、スクロールオフセットは、そのスナップ点での静止状態を維持するように調整されます。
proximity-
このスクロールコンテナーの視覚的ビューポートは、ユーザーエージェントのスクロール引数を考慮して、現在水平方向にスクロールされていない場合、スナップ点に静止することができる。コンテンツが追加、移動、削除、サイズ変更された場合、スクロールオフセットは、そのスナップ点での静止を維持するために調整されるかもしれません。
公式定義
形式文法
仕様書
どの標準にも含まれていません。
ブラウザーの互換性
BCD tables only load in the browser