3分読める！【CSS】ページ内リンクへの移動をスムーズにする方法

本日のテーマは、

ページ内リンクをクリックするとスクロールが

スルスル動く方法です！！

通常ページ内リンクを移動する際は、

一瞬でリンク先の表示へ変わります。

今回の方法では、

この一瞬で切り替わる動きを

画面がスルスルと移動するような動きに帰ることができます。

さっそく実装方法を見ましょう！

実装方法

CSSとして「scroll-behavior: smooth」を指定すればOKです！

html{

  scroll-behavior: smooth;

}

これでページ内リンクをクリックすると

画面がスルスルと動いて動きがキレイになります。