ページ内リンクでスルスルっと移動する

ページ内リンクで、上下にスルスルと滑らかに動くようにする

スムーススクロールのjsをダウンロードし、読み込み。

https://github.com/inc2734/jquery.smoothScroll

※イージングのjsも読み込まないとエラーが発生する。

<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>

head内で以下を追加

<script>
jQuery( function( $ ) {
    $( 'a[href^="#"]' ).SmoothScroll( {
        duration: 1000, // 到達するまでの総時間(ミリ秒)
        easing  : 'easeOutQuint', // スピードの種類
        offset: 0 // 到達場所からズラすピクセル数
    } );
} );
</script>