アンカーリンクでページ内をヌルヌル動くjQuery、たまーに実装する機会があるけれど、たまになので忘れがち・・・てことで、備忘録として残しておきます。
こちらのエントリーを参考にさせていただきました。
$(function(){
$('a[href^="#"]').click(function(){
var hash = $(this.hash); // クリックしたaタグのハッシュの要素を取得する
// ハッシュが"#noscroll"の場合は、スクロール処理を行わない
if($(hash).selector == "#noscroll") return false;
// ハッシュの要素の位置を取得
var offset = $(hash).offset().top;
// ハッシュの要素の位置まで移動
$("html,body").animate({scrollTop: offset}, 800);
// aタグによるページ遷移を回避
return false;
});
});