【CSSのみ】scroll-behaviorで手軽にスムーススクロール|JS不要

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

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

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

さとみ

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

サンプルコード▼

ブログ拝見しました」と一言添えていただくと初回10%OFF→20%OFFに!!

  • URLをコピーしました!

コメント

コメントする

CAPTCHA


目次