JQueryでページ内リンクを実装する(スムーズスクロール)

どんなサイトにも使えそうなので、メモ!

外部ファイル「smoothScroll.js」を作成

もちろんhtml内に記述しても良い。

htmlを編集

ポイント

リンク元

<a href="#section1">クリックするとリンク先にスクロールする</a>

リンク先

<div id="section1">ここまでスクロールされる</div>

とするぐらい。
smoothScroll.jsの中を見るとわかるように、href="#"またはhref=""の時はページトップに戻る。