【JSなし】CSSだけでアンカーリンクをスムーススクロール

アニメーションがあるだけでWebサイトがだいぶ今風になりますが、中でも割と実装が簡単なのがアンカーリンクをスムーススクロールするアニメーションです。

筆者はいつもjQueryを使っておりましたが、CSSのみで簡単に実装できると言われているプロパティscroll-behavior: smooth;を試したところ、十分なくらいの完璧な動きでした

簡単にできるからこそのメリット・デメリットを含めて解説していきます。

さとみ

JavaScriptやjQueryがわからない方は必見です!

サンプルコード▼

  • URLをコピーしました!

コメント

コメントする

CAPTCHA


目次