CSS の 1 行でスムーズなスクロールを行う方法

楽しく Svelte で smooth-scroll を実装した後、実は一行の CSS で実現できることに気づきました：

html {
  scroll-behavior: smooth;
}

ブラウザのサポートについては少し気にする必要がありますが、開発者がライブラリを導入したり、自分で実装したりする手間を完全に省くことができます。

smooth-scroll を完璧に達成できて、hashchange や state change の動作を書き換える必要もありません。今度は CSS を使わずに smooth-scroll を実現する方法について記事を書こうと思います。