公開できる範囲で、解決したJSの記述を公開します
記述したコード
記述したJS
$(function() {
var H_nav = $(".header").height();
function pagelink(heightnum) {
var headerH = heightnum;
$(".anchorlink").click(function() {
if ($(".nav-button .nav_wrap").hasClass("active")) {
$(".nav-button .nav_wrap").removeClass("active");
$(".nav-wrap").addClass("close");
$(".nav-wrap").removeClass("open");
}
var headerHeight = $(".header").height(); //ヘッダの高さを計測
var href = $(this).attr("href");
// window.alert(href);
var check_inner = href.indexOf('#');
if (check_inner < 1) {
location.href = href; //ページ内リンクではないので、直ぐリンク
}
else {
location.replace(href);
}
var url = $(location).attr("href");
var url_sp = url.split("#");
var hash = "#" + url_sp[url_sp.length - 1];
var target = $(hash);
var position = target.offset().top - headerH -15; //高さ+15pxの余白を引く
$("html, body").animate({ scrollTop: position }, 300, "swing");
});
/* outpagelink */
var url = $(location).attr("href");
if (url.indexOf("#") != -1) {
var url_sp = url.split("#");
var hash = "#" + url_sp[url_sp.length - 1];
var target = $(hash);
var position = target.offset().top - headerH -15;
$("html, body").animate({ scrollTop: position }, 300, "swing");
return false;
}
}
pagelink(H_nav);
});