【jQuery】スムーズスクロール | 電網覚書

本記事のソースコードの利用によって生じた損害について、当方は一切の責任を負いません。ご自身の判断と責任のもとで参照・ご利用ください。

この記事は最終更新から3年以上経過しています。

アンカーリンクでページ内をヌルヌル動く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;
	});
});