notebook

備忘録

【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");
    }
  });
});