JQueryでページ内リンクを実装する(スムーズスクロール)
どんなサイトにも使えそうなので、メモ!
外部ファイル「smoothScroll.js」を作成
もちろんhtml内に記述しても良い。
htmlを編集
ポイント:
<a href="#section1">クリックするとリンク先にスクロールする</a>
リンク先
<div id="section1">ここまでスクロールされる</div>
とするぐらい。
smoothScroll.jsの中を見るとわかるように、href="#"
またはhref=""
の時はページトップに戻る。