');
/* ヘッダーの高さの変化分、paddingで調整しスクロール位置を止まらせる */
$("#header-fixed").css({
'padding-top': `${threashold}px`,
});
/* トップメニュータイプに変更する */
$("#header-container-in").removeClass('hlt-center-logo hlt-center-logo-top-menu').addClass("hlt-top-menu wrap");
$("#header-container").addClass("fixed-header");
$("#header-container").css({
'position': 'fixed',
'top': '-100px',
'left': '0',
'width': '100%',
});
const wpadminbar = document.getElementById('wpadminbar');
const headerContainerTop = wpadminbar ? wpadminbar.clientHeight : 0;
$('#header-container').animate(
{
top: headerContainerTop,
},
500
);
}
}
/*固定ヘッダーの解除*/
function staticHeader() {
if ($("#header-container").hasClass("fixed-header")) {
/*センターロゴタイプに戻す*/
$("#header-container-in").removeClass("hlt-top-menu hlt-tm-right hlt-tm-small hlt-tm-small wrap").addClass(" hlt-center-logo cl-slim");
$("#header-container").removeClass("fixed-header");
$("#header-container").css({
'position': 'static',
'top': 'auto',
'left': 'auto',
'width': 'auto',
});
/* ヘッダーの高さの戻る分、padding削除しスクロール位置を止まらせる */
$("#header-fixed").css({
'padding-top': '0',
});
$("#header-fixed").remove();
}
}
/* 境界値をヘッダーコンテナに設定 */
var threashold = $('#header-container').height();
var prevScrollTop = -1;
var $window = $(window);
var mobileWidth = 1023;
$window.scroll(function() {
var scrollTop = $window.scrollTop();
var s1 = (prevScrollTop > threashold);
var s2 = (scrollTop > threashold);
var w = $window.width();
/*スクロールエリアの位置調整*/
function adjustScrollArea(selector) {
if ($(selector) && $(selector).offset()) {
offset = $(selector).offset().top;
h = $("#header-container").height();
pt = $(selector).css('padding-top');
if (pt) {
pt = pt.replace('px', '');
} else {
pt = 0;
}
if ((scrollTop >= offset - h) && (w > mobileWidth)) {
if ((pt <= 1) && $("#header-container").hasClass('fixed-header')) {
$(selector).css({
'padding-top': h + 'px',
});
}
} else {
if (pt > 0) {
$(selector).css({
'padding-top': 0,
});
}
}
}
}
/*スクロール追従エリアの調整*/
function adjustScrollAreas() {
adjustScrollArea('#sidebar-scroll');
adjustScrollArea('#main-scroll');
}
/*固定ヘッダーのスタイル決め*/
function adjustFixedHeaderStyle(s1, s2, w, scrollTop, mobileWidth) {
if (s1 ^ s2) {
if (s2 && (w > mobileWidth)) {
stickyHeader();
}
}
/* 境界値に達したら固定化 */
if (scrollTop <= threashold || w <= mobileWidth) {
staticHeader();
}
}
adjustFixedHeaderStyle(s1, s2, w, scrollTop, mobileWidth);
adjustScrollAreas();
prevScrollTop = scrollTop;
});
/*ウインドウがリサイズされたら発動*/
$window.resize(function () {
/*ウインドウの幅を変数に格納*/
var w = $window.width();
if (w <= mobileWidth) { /*モバイル端末の場合*/
staticHeader();
} else { /*パソコン端末の場合*/
var scrollTop = $window.scrollTop();
if (scrollTop >= 50) {
stickyHeader();
}
}
});
})(jQuery);
