1行のCSSでsmooth-scrollを実現する方法

僕がSvelteを使ってご機嫌でsmooth-scrollを実装したあと、実はCSS 1行で実現できることに気づいた：

html {
  scroll-behavior: smooth;
}

ブラウザのサポート状況を少し気にする必要があるかもしれないが、ライブラリを導入したり自前で実装したりする開発者の手間が完全に省ける。

smooth-scroll が完璧に実現でき、もうhashchangeやstate changeの挙動を書き換える必要もない。また日を改めて、CSSを使わずにsmooth-scrollを実現する方法についての記事も書こうと思う。