IDで選択したアンカーへのページスクロールをアニメーション化する単純なJS関数があります
ページ内のすべてのアンカーのオフセット値と位置が異なります ヒント:石積み効果を使用していますが、正しく機能しません
function scrollToAnchor(aid) {
var aTag = $("a[id='" + aid + "']");
$('html,body').animate({ scrollTop: aTag.position().top }, 'slow');
}