ページ内リンクの移動をスルッとjqueryでスクロールさせる

ページ内リンクをさせるのに、スパット移動するのではなく、スルッと移動させたい時、jqueryが入っていれば簡単に出来ます。


<script type="text/javascript"> 
$(function(){
	$("a[href^=#]").click(function(){
		var Hash = $(this.hash);
		var HashOffset = $(Hash).offset().top;
		$("html,body").animate({
			scrollTop: HashOffset
		}, 1000);
		return false;
	});
});
</script> 

1000の部分はスピードなのでお好みで変更を。
これでリンクの設定に#が使われているもの全てに有効になります。

may the force be with you…