【jQuery】スムーズスクロール

電脳備忘録

アンカーリンクでページ内をヌルヌル動くjQuery、たまーに実装する機会があるけれど、たまになので忘れがち・・・てことで、備忘録として残しておきます。

こちらのエントリーを参考にさせていただきました。

jQueryで作るヌルヌル動くページスクロール

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;
});
});

広告

ブログの維持費に充てるでございます・・・。