$(document).ready(function(){
    // href属性が # で始まるa要素だけ、振る舞いを変える
    $('a[href^=#]').click(function(){
        var target;
        // href 属性が、そのままセレクタで使える
        target = $( $(this).attr('href') );
        // ターゲットがない場合はなにもしない
        if (target.length == 0) {
            return;
        }
        // リンク先の画面上の位置を取得して、そこまでスクロール
        $('html, body').animate({scrollTop: target.offset().top});
        // ブラウザのデフォルトの振る舞いを回避
        return false;
    });
});