ページ内遷移をスムーズに動かす挙動はブラウザ標準でできる

タイトルオチです。

ページ内リンクをスムーズなスクロールで遷移する挙動はJavaScriptを利用して実装するのがあたりまえだと思っていましたが、
それ、ブラウザ標準でできるよ。
というのを知ったのでメモ

scroll-behavior: smooth;

html {
  scroll-behavior: smooth;
}

htmlもしくはbodyに対してこのCSSのプロパティを加えるだけでページ内遷移のスクロールがスムーズになります。

IE

IEにはこのプロパティはサポートされていないので別途ポリフィルを導入する必要があります。
https://github.com/iamdustan/smoothscroll

import smoothscroll from 'smoothscroll-polyfill';

// kick off the polyfill!
smoothscroll.polyfill();

ブラウザ標準バンザイ🙌
IEバイバイ