note.parts-tips.com

このコンテンツの右下に表示される「ページ上部へ戻る」ボタンもそうですが、クリック（タップ）するとスルスルっと流れるようなアニメーションで画面がスクロールする挙動は、CSSで実装が可能です。
以下、そのコードです。

html {

  scroll-behavior: smooth;

}


scroll-behaviorはページ内リンクなどでスクロールが発生した際、その挙動を指定するプロパティです。初期値はautoです（初期値だとクリックするとアニメーションなくその箇所にすぐ移動します）
基本的にはそのページのページ内リンク全体に対してのスクロールの挙動となるため、html要素に対してCSSをあてます。

以前はJavaScriptで実装していたものですが、すこしまえのバージョンのブラウザからすでに対応済みなので、安心して実装できると思います。
ただスクロールアニメーションが追加されるだけでもサイトがいい感じに見えるので、ぜひ。

以下はこのプロパティのMDNの解説ページとブラウザ対応状況です。ご参考まで。

HTTML/CSS

_admim_