ページ内リンクをスムーズにする

ページ内リンクをスムーズにする。

$( 'a[href^=#]' ).click( function () {
	pos = $( $(this).attr( 'href' ) ).offset().top;
	$( 'html,body' ).animate( { scrollTop: pos }, 'fast' );
	return false;
} );

セレクタで’a[href^=#]’を指定することでa要素のhref属性の値が’#’で始まっているページ内リンクを取得。そのクリックイベントで、対象のアンカー要素のトップ座標を取得してスクロールを実現している。