【JavaScript】全ページに反映させるべきjquery.parts.js
2025.07.02
jquery.parts.js
//-------matchHeight.js
//-------https://cdnjs.com/libraries/jquery.matchHeight
$(function () {
var $window = $(window);
var $triggerArray = [".m_h01", ".m_h02", ".m_h03", ".m_h04"];
for (var i = 0; i < $triggerArray.length; i++) {
$($triggerArray[i]).matchHeight();
}
$window.on("orientationchange", function () {
location.href = location.href;
});
});
//-------SPヘッダーのハンバーガーメニューJS
$(function () {
var $body = $("body");
$("#js__sideMenuBtn").on("click", function () {
$body.toggleClass("side_open");
$(".menu_trigger, .close").toggleClass("active");
$("#js__overlay, .s_btm").on("click", function () {
$body.removeClass("side_open");
$(".menu_trigger, .close").removeClass("active");
});
});
});
//-------AOS.jsが効かないときの代替JS
//-------https://jsfiddle.net/6aqewbzu/
$(window).scroll(function () {
$(".fadein").each(function () {
var elemPos = $(this).offset().top,
scroll = $(window).scrollTop(),
windowHeight = $(window).height();
if (scroll > elemPos - windowHeight + 150) {
$(this).addClass("scrollin");
}
});
});