スムーズスクロールとは、サイトをタップするだけでアンカーを付けた箇所に画面が滑らかに移動する動きの事です。
今回はJavaScriptを使用せず、下記のCSSを書くだけでスムーズスクロールを実装する事が出来ます。
html{ scroll-behavior: smooth; }
ランディングページのナビメニューを設定する際に、便利です。
注意: モーダルウィンドウなど、その他の設定がある場合、影響が出る可能性があるので、JavaScriptを使う方がいいです。
また、body タグには、効かないので、必ずHTMLタグに指定してください。