スムーススクロール
Smooth Scroll
別名: なめらかスクロール
ライブデモ
ボタンをクリックすると、なめらかにスクロール移動します
説明
一言で説明
ページ内リンクをクリックしたとき、目的の位置に瞬間移動するのではなく、なめらかにスクロールして移動する動き。
いつ使う？
長いランディングページやドキュメントで、ナビリンクや「↓ 詳細を見る」ボタンから特定のセクションへ移動させたいとき。
💡 日常の言い方
「「詳しくはこちら↓」をクリックしたときに、ぬるんっとそこまで移動する感じ」
似ている用語との違い
スムーススクロール vs スクロールスナップ
スムーススクロールはリンクで『移動するとき』のなめらかさ。スクロールスナップはスクロールを止めたとき『吸着する』挙動。
AIへの指示例
ページ内ナビゲーションのリンクをクリックしたとき、CSSの scroll-behavior: smooth を使って各セクションまでなめらかにスクロールするようにして。