スムーススクロールとは？
ページ内リンク（アンカーリンク）をクリックすると、該当箇所に時間をかけてスルスルと移動してする演出のことです。
CSSでスムーススクロールを実装
CSSでは簡単にスムーススクロールを実装できます。
以下記述を追加するだけ。
html{
scroll-behavior: smooth;
}※以前はscroll-behavior: smooth;がsafariに対応していませんでしたのでJavascriptのスムーススクロールの実装がおすすめでしたが最近safariに対応しました。
ぜひ使ってみてください。
インスタでHTML,CSSの小技を配信中
