ページを読み込んでからアンカーリンクを動作させたい

ページを読み込んでからアンカーリンクを動作させるためのjQuery

$(window).load(function() {
	var ahash = location.hash;
	var gotoNum = $(ahash).offset().top;
	$('html,body').animate({ scrollTop: gotoNum }, 'slow');
	return false;
});

アニメーションを最小限にする場合’slow’を0に変える(’fast’でもいいかも)

$(window).load(function() {
	var ahash = location.hash;
	var gotoNum = $(ahash).offset().top;
	$('html,body').animate({ scrollTop: gotoNum }, 0 );
	return false;
});

参考
$(document).ready()? $(window).load() の違い
http://www.softel.co.jp/blogs/tech/archives/2425

jQueryで画面をスクロールさせる時の注意点
http://less.carbonfairy.org/post/941824993

jQuery の animate の速度(動作時間)を指定する方法
http://alphasis.info/2011/05/jquery-animate-duration/

投稿者:

ayako0802

フロントエンドエンジニア