特定のリンクをスムーススクロールにする

ページ内リンクをクリックしたとき、通常であればピッとそのアンカーの位置に移動してしまいますが、そうせずに、スルーっと移動するようにすることができます。

カスタマイズ方法

HTML の場合

リンク（ a要素）、もしくはリンクを含む要素に u-smooth-scroll というクラスを追加することで、そのリンクをスムーススクロールにすることができます。

<a href="#anchor" class="u-smooth-scroll">リンク</a>

<ul class="u-smooth-scroll">
  <li><a href="#anchor1">リンク1</a></li>
  <li><a href="#anchor2">リンク2</a></li>
</ul>

ブロックの場合

リンクを含むブロックにクラスを追加することでスムーススクロールにすることができます。

ブロックを選択 > インスペクターの高度な設定 > 追加 CSS クラスに、u-smooth-scroll と入力