scroll-behavior: smooth; のデモ

scroll-behavior: smooth; をサポートしたブラウザで下記のページ内リンクをクリックすると、ページがスムーズスクロールして該当セクションへ移動します。

詳しくは記事 「Firefox Nightly が CSS でスムーズスクロールを実現する scroll-behavior: smooth; をサポート」 をご覧ください。