js
$(function () {
$('a[href^=#]').click(function() {
var speed = 400;
var href= $(this).attr("href");
var target = $(href == "#" || href == "" ? 'html' : href);
var position = target.offset().top;
$('body,html').animate({scrollTop:position}, speed, 'swing');
return false;
});
});
html
<a href="#move1">
#move1に移動
</a>
<div id="move1">
<p>ここに移動</p>
</div>
上記jsを記述しておくと、aタグをクリックした際、idで指定したリンク先に自動スクロールします。
ぬるぬる具合は、var speed = 400;の設定で変更可。