さすらいのWeb制作家、MAKOCHINがつづるブログサイト。
Web制作に関する知識を備忘録的に書いているだけのサイトです。
ほとんど自分で見るためだけに書いているような内容なので読みやすくはなっていませんが、Web制作のお役に立てれば幸いです。
ご興味のある方はどうぞ。

【JQuery】URLのハッシュによってアンカースクロールさせる

Pocket
LINEで送る

URLに付いているハッシュによって、特定の要素へアンカースクロールさせる方法です。

javascript

$(document).ready(function(){
	var urlHash = location.hash;
	var anchorElementScroll = $('.box').offset().top;

	if(urlHash){
		if (urlHash == '#hoge') {
				$('html,body').scrollTop(anchorElementScroll);
			}
		}
	}
});

カテゴリー:JQuery, スクロール

コメントを残す

コメント内容