smoothScroll

ページ内の a[href="#id"] をクリックした際に、該当要素までイージング付きでスムーズスクロールする、依存ゼロの素のJS。オプション引数は無く、呼び出すだけで a[href^="#"] 全てが対象になる。
スクロール位置は/form-snippets/snippets/Utils.js の getHeaderHeight()によって制御する。

アンカークリックでスムーズスクロール

下のナビをクリックすると、対応するセクションまでスムーズにスクロールする。

Section 1

Section 2

Section 3

コードを見る

import { smoothscroll } from 'form-snippets';
smoothscroll();