【JQuery】ページ遷移後のアンカーリンクの位置を固定ヘッダー分だけずらす
ヘッダーをfixedにして固定にしている場合、アンカーリンクが固定ヘッダーに重なってしまうので、アンカーリンクした際に固定ヘッダー分だけスクロール位置をずらす方法です。
javascript
$(function(){ var headerHeight = 80; //ヘッダーの高さ $(window).on("load", function(){ if(location.hash !== ""){ var targetOffset = $(location.hash).offset().top; $(window).scrollTop(targetOffset - headerHeight); } }); });
コメントを残す