scroll-behavior: smoothを指定して、スクロールを滑らかにする

結論

スクロールが発生する要素に scroll-behavior: smooth; を付けるとスクロールが滑らかになるという話。

html,
body {
  scroll-behavior: smooth;
}

developer.mozilla.org