Tweet

Pocket

ヘッダーをfixedにして固定にしている場合、アンカーリンクが固定ヘッダーに重なってしまうので、アンカーリンクした際に固定ヘッダー分だけスクロール位置をずらす方法です。

javascript

$(function(){
	var headerHeight = 80; //ヘッダーの高さ
	$(window).on("load", function(){
		if(location.hash !== ""){
			var targetOffset = $(location.hash).offset().top;
			$(window).scrollTop(targetOffset - headerHeight);
		}
	});
});