スクロールスナップコンテナの動作を定義するプロパティです。カルーセルやフルページスクロールの実装に使用します。
scroll-snap-type: none | [ x | y | block | inline | both ] [ mandatory | proximity ]?scroll-snap-type: x mandatory;横スクロールで必ずスナップ位置に吸着
scroll-snap-type: y proximity;縦スクロールでスナップ位置に近い場合のみ吸着
scroll-snap-type: both mandatory;縦横両方向で必ずスナップ
scroll-snap-type: none;スナップ無効
JavaScriptなしでカルーセルやフルページスクロールを実装できる。mandatoryは確実にスナップ、proximityは近い場合のみスナップ。
子要素にscroll-snap-alignを指定しないと機能しない。overflowが設定されているコンテナに指定する必要がある。
Chrome 69+, Firefox 68+, Safari 11+