スクロールスナップ
Scroll Snap
別名: スナップスクロール
ライブデモ
説明
一言で説明
スクロール操作を止めた際、要素の境界（カードの左端など）にピタッと自動的に吸い付くように止まる挙動。
いつ使う？
カルーセル、全画面のセクション（TikTokやShortsのような縦スクロール）、画像ギャラリーなどで、コンテンツが中途半端な位置で止まるのを防ぎたい場合。
💡 日常の言い方
「スクロールしたときに、中途半端な場所で止まらずにカードの端っこで「ピタッ」と止まる気持ちいい動き」
似ている用語との違い
スクロールスナップ vs スムーススクロール
スムーススクロールは『なめらかに移動する』こと。スクロールスナップは移動後に『指定位置に強制的に吸着する』こと。
AIへの指示例
横スクロールのカード一覧にCSSのスクロールスナップ（scroll-snap-type: x mandatory）を適用して。各カードが常に画面の左端にピタッと吸着するようにして。