CSSを使用してたった一行でスムーススクロールを実装する【IE・Safari非対応】

css

Javascriptを使用したスムーススクロール。もちろん実装できることに越したことはありませんが、少しめんどくさいという方もいるのではないでしょうか、、?

「とりあえずIEとSafariは一旦無視して簡単にスムーススクロールを実装したい」という方、たった1行のCSSで実装ができます。

コードは以下の通り

scroll-behavior: smooth; (htmlタグに対して記載してください)

使用例は以下の通りです。

See the Pen by ISHIIAoi00 (@ishiiaoi00) on CodePen.

目次

最後に

とりあえずスムーススクロールを実装したくなったら、使用してみてください〜