https://greeber.jp/assets/js/common.min.js

1objectFitImages("img.object-fit-img"), $("a[href^=http]").not('[href*="' + location.hostname + '"]').not('[href*="greeber.net"]').attr({ target: "_blank", rel: "noopener noreferrer nofollow" }).addClass("blank"); var header = $(".header"), addclass = "scrolled"; 500 < $(this).scrollTop() && 0 == header.hasClass("scrolled") ? header.addClass(addclass) : $(this).scrollTop() < 300 && 1 == header.hasClass("scrolled") && header.removeClass(addclass), $(".list-performance-kind li").wrapInner("<span></span>"), $(".toggle-btn").on("click", function () { $("body").toggleClass("is-open") }), $(".close-btn").on("click", function () { $("body").removeClass("is-open") }), $(".has-child > span").on("click", function () { $(this).hasClass("open") ? ($(this).removeClass("open"), $(this).next("ul").slideUp()) : ($(this).addClass("open"), $(this).next("ul").slideDown()) }); var urlHash = location.hash; urlHash && ($("body,html").stop().scrollTop(0), setTimeout(function () { var t = $(urlHash), i = t.offset().top; $.when($("html, body").animate({ scrollTop: i }, 500, "swing")).done(function () { var e = t.offset().top; e === i || $("html, body").animate({ scrollTop: e }, 10, "swing") }) }, 100)), $('a[href^="#"]').click(function () { var e = jQuery(this).attr("href"), e = $(e).offset().top - headerHight; return $("html, body").animate({ scrollTop: e }, 550, "swing"), !1 }); var swiper = new Swiper(".slide-jewelry", { slidesPerView: "auto", freeMode: !0, scrollbar: { el: ".swiper-scrollbar", hide: !1, draggable: !0, snapOnRelease: !1 } }), swiper = new Swiper(".slide-brand", { slidesPerView: "auto", freeMode: !0, scrollbar: { el: ".swiper-scrollbar", hide: !1, draggable: !0, snapOnRelease: !1 } }), swiper = new Swiper(".slide-brand-2", { slidesPerView: "auto", freeMode: !0, scrollbar: { el: ".swiper-scrollbar", hide: !1, draggable: !0, snapOnRelease: !1 } }), swiper = new Swiper(".slide-brand-jewelry", { slidesPerView: "auto", freeMode: !0, scrollbar: { el: ".swiper-scrollbar", hide: !1, draggable: !0, snapOnRelease: !1 } }); $(".list-performance-kind li").click(function () { var e = $(this).attr("data-tab"); return $(".list-performance-kind li").removeClass("current"), $(".list-performance").removeClass("current"), $(this).addClass("current"), $("#" + e).addClass("current"), !1 }); var menu = document.querySelectorAll(".js-menu"); function toggle() { var e = this.nextElementSibling; this.classList.toggle("is-active"), e.classList.toggle("is-open") } for (let e = 0; e < menu.length; e++)menu[e].addEventListener("click", toggle); !function (l, f) { "use strict"; function d(e, t) { for (var i in t) t.hasOwnProperty(i) && (e[i] = t[i]) } function h(e) { return parseFloat(e) || 0 } function c(e) { for (var t = 0; e;)t += e.offsetTop, e = e.offsetParent; return t } var t, e = function (e, t, i) { return t && o(e.prototype, t), i && o(e, i), e }, p = !1; function o(e, t) { for (var i = 0; i < t.length; i++) { var o = t[i]; o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), Object.defineProperty(e, o.key, o) } } l.getComputedStyle ? (t = f.createElement("div"), ["", "-webkit-", "-moz-", "-ms-"].some(function (e) { try { t.style.position = e + "sticky" } catch (e) { } return "" != t.style.position }) && (p = !0)) : p = !0; var u = "undefined" != typeof ShadowRoot, s = { top: null, left: null }, r = [], n = (e(i, [{ key: "refresh", value: function () { var e, t, i, o, n, s, r, a; p || this._removed || (this._active && this._deactivate(), e = this._node, t = { top: (s = getComputedStyle(e)).top, display: s.display, marginTop: s.marginTop, marginBottom: s.marginBottom, marginLeft: s.marginLeft, marginRight: s.marginRight, cssFloat: s.cssFloat }, isNaN(parseFloat(t.top)) || "table-cell" == t.display || "none" == t.display || (this._active = !0, i = e.parentNode, a = u && i instanceof ShadowRoot ? i.host : i, o = e.getBoundingClientRect(), n = a.getBoundingClientRect(), r = getComputedStyle(a), this._parent = { node: a, styles: { position: a.style.position }, offsetHeight: a.offsetHeight }, this._offsetToWindow = { left: o.left, right: f.documentElement.clientWidth - o.right }, this._offsetToParent = { top: o.top - n.top - h(r.borderTopWidth), left: o.left - n.left - h(r.borderLeftWidth), right: -o.right + n.right - h(r.borderRightWidth) }, this._styles = { position: e.style.position, top: e.style.top, bottom: e.style.bottom, left: e.style.left, right: e.style.right, width: e.style.width, marginTop: e.style.marginTop, marginLeft: e.style.marginLeft, marginRight: e.style.marginRight }, s = h(t.top), this._limits = { start: o.top + l.pageYOffset - s, end: n.top + l.pageYOffset + a.offsetHeight - h(r.borderBottomWidth) - e.offsetHeight - s - h(t.marginBottom) }, "absolute" != (r = r.position) && "relative" != r && (a.style.position = "relative"), this._recalcPosition(), (a = this._clone = {}).node = f.createElement("div"), d(a.node.style, { width: o.right - o.left + "px", height: o.bottom - o.top + "px", marginTop: t.marginTop, marginBottom: t.marginBottom, marginLeft: t.marginLeft, marginRight: t.marginRight, cssFloat: t.cssFloat, padding: 0, border: 0, borderSpacing: 0, fontSize: "1em", position: "static" }), i.insertBefore(a.node, e), a.docOffsetTop = c(a.node))) } }, { key: "_recalcPosition", value: function () { if (this._active && !this._removed) { var e = s.top <= this._limits.start ? "start" : s.top >= this._limits.end ? "end" : "middle"; if (this._stickyMode != e) { switch (e) { case "start": d(this._node.style, { position: "absolute", left: this._offsetToParent.left + "px", right: this._offsetToParent.right + "px", top: this._offsetToParent.top + "px", bottom: "auto", width: "auto", marginLeft: 0, marginRight: 0, marginTop: 0 }); break; case "middle": d(this._node.style, { position: "fixed", left: this._offsetToWindow.left + "px", right: this._offsetToWindow.right + "px", top: this._styles.top, bottom: "auto", width: "auto", marginLeft: 0, marginRight: 0, marginTop: 0 }); break; case "end": d(this._node.style, { position: "absolute", left: this._offsetToParent.left + "px", right: this._offsetToParent.right + "px", top: "auto", bottom: 0, width: "auto", marginLeft: 0, marginRight: 0 }) }this._stickyMode = e } } } }, { key: "_fastCheck", value: function () { this._active && !this._removed && (1 < Math.abs(c(this._clone.node) - this._clone.docOffsetTop) || 1 < Math.abs(this._parent.node.offsetHeight - this._parent.offsetHeight)) && this.refresh() } }, { key: "_deactivate", value: function () { var t = this; this._active && !this._removed && (this._clone.node.parentNode.removeChild(this._clone.node), delete this._clone, d(this._node.style, this._styles), delete this._styles, r.some(function (e) { return e !== t && e._parent && e._parent.node === t._parent.node }) || d(this._parent.node.style, this._parent.styles), delete this._parent, this._stickyMode = null, this._active = !1, delete this._offsetToWindow, delete this._offsetToParent, delete this._limits) } }, { key: "remove", value: function () { var i = this; this._deactivate(), r.some(function (e, t) { if (e._node === i._node) return r.splice(t, 1), !0 }), this._removed = !0 } }]), i), a = { stickies: r, Sticky: n, addOne: function (e) { if (!(e instanceof HTMLElement)) { if (!e.length || !e[0]) return; e = e[0] } for (var t = 0; t < r.length; t++)if (r[t]._node === e) return r[t]; return new n(e) }, add: function (e) { if (e instanceof HTMLElement && (e = [e]), e.length) { for (var i = [], o = 0; o < e.length; o++)!function () { var t = e[o]; t instanceof HTMLElement ? r.some(function (e) { if (e._node === t) return i.push(e), !0 }) || i.push(new n(t)) : i.push(void 0) }(); return i } }, refreshAll: function () { r.forEach(function (e) { return e.refresh() }) }, removeOne: function (t) { if (!(t instanceof HTMLElement)) { if (!t.length || !t[0]) return; t = t[0] } r.some(function (e) { if (e._node === t) return e.remove(), !0 }) }, remove: function (e) { if (e instanceof HTMLElement && (e = [e]), e.length) for (var i = 0; i < e.length; i++)!function () { var t = e[i]; r.some(function (e) { if (e._node === t) return e.remove(), !0 }) }() }, removeAll: function () { for (; r.length;)r[0].remove() } }; function i(t) { if (function (e, t) { if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function") }(this, i), !(t instanceof HTMLElement)) throw new Error("First argument must be HTMLElement"); if (r.some(function (e) { return e._node === t })) throw new Error("Stickyfill is already applied to this node"); this._node = t, this._stickyMode = null, this._active = !1, r.push(this), this.refresh() } p || function () { function e() { l.pageXOffset != s.left ? (s.top = l.pageYOffset, s.left = l.pageXOffset, a.refreshAll()) : l.pageYOffset != s.top && (s.top = l.pageYOffset, s.left = l.pageXOffset, r.forEach(function (e) { return e._recalcPosition() })) } function t() { i = setInterval(function () { r.forEach(function (e) { return e._fastCheck() }) }, 500) } e(), l.addEventListener("scroll", e), l.addEventListener("resize", a.refreshAll), l.addEventListener("orientationchange", a.refreshAll); var i = void 0, o = void 0, n = void 0; "hidden" in f ? (o = "hidden", n = "visibilitychange") : "webkitHidden" in f && (o = "webkitHidden", n = "webkitvisibilitychange"), n ? (f[o] || t(), f.addEventListener(n, function () { f[o] ? clearInterval(i) : t() })) : t() }(), "undefined" != typeof module && module.exports ? module.exports = a : l.Stickyfill = a }(window, document); var elem = document.querySelectorAll(".sticky"); Stickyfill.add(elem);
2//追加分
3const setFillHeight = () => {
4  const vh = window.innerHeight * 0.01;
5  document.documentElement.style.setProperty('--vh', `${vh}px`);
6}
7
8let vw = window.innerWidth;
9
10window.addEventListener('resize', () => {
11  if (vw === window.innerWidth) {

12    // 画面の横幅にサイズ変動がないので処理を終える
13    return;
14  }
15
16  // 画面の横幅のサイズ変動があった時のみ高さを再計算する
17  vw = window.innerWidth;
18  setFillHeight();
19});
20
21// 初期化
22setFillHeight();