JavaScriptライブラリーは不要！Webページを滑らかスクロール

Google Chrome、Microsoft Edge、Firefox、Safariといった今どきのWebブラウザーでは、ユーザーの使いやすさを向上するようなWebの表現を、ブラウザーの違いを気にすることなく実装できる。シンプルなコードでWebの表現力をアップさせる最新機能を紹介する。 Webページの「スムーススクロール」を簡単に実現するCSSを紹介します。スムーススクロールとは、Webページで目次などをクリックして同じページ内の別の位置に移動するときに、滑らかに動いてスクロールする表現のことです。HTMLでページ内リンクを作るだけでは、リンクをクリックしたときに瞬時にスクロールしてしまうので、滑らかに動いているようには見えません。 従来は、滑らかなスクロールの表現を作るには、複雑なJavaScriptのコードを書いたり、JavaScriptのライブラリーを使ったりする必要がありました。