11枚ずつ、
2ピタッと、
3止まる。
枠の中をスクロールすると、1枚ずつピタッと止まります。

あわせて引く

スクロールスナップ

Scroll Snap

ふだんの言い方ピタッと止まるスクロール1画面ずつ切り替わる吸い付くスクロール

スクロールを止めると、決まった位置にピタッと吸い付いて止まる動き。

見分けるポイント

  • 中途半端な位置で止まらず、区切りに合わせて止まる
  • 1画面に1セクションずつ、紙芝居のように見せられる
  • 横に並べたカードの一覧にも使う

AIへの伝え方

変更する場所:セクションごとに見せるページ。 このページに、スクロールスナップを付けてください。各セクションの高さを画面いっぱい(100vh)にし、スクロールを止めたときに、いちばん近いセクションの先頭へピタッと吸い付くようにしてください(scroll-snap-type: y mandatory)。右端に、今いるセクションを示す点のナビゲーションを縦に並べてください。 変更は指定した箇所に限定し、それ以外のレイアウト・文章・配色は維持してください。スマートフォンでも要素がはみ出さず、文字や操作を妨げないようにしてください。

コピーした文章を、お使いのAIに貼り付けてください。

「動き」の言葉

触れたとき、現れるとき、スクロールしたときの動き。

207語すべてを、見た目から引く