$(window).on('load', function(){ if (window.matchMedia('(max-width:769px)').matches) { // ロゴサイズ調整 let w = $('.js-logo').width(); let h = w * 0.26; $('.js-logo svg').css('height', h); } else { var headerHight = 88; var url = $(location).attr('href'); if(url.indexOf("#") != -1){ var id = url.split("#"); var $target = $('#' + id[id.length - 1]); if($target.length){ var pos = $target.offset().top - headerHight; $('html,body').animate({scrollTop: pos}, 120, "swing"); } } // スクロール開始後、高さを小さくする $(window).scroll(function(){ const posi = $(window).scrollTop(); if(posi >= headerHight) { $('.js-fixed-header, .js-logo').addClass('is-smaller'); } else { $('.js-fixed-header, .js-logo').removeClass('is-smaller'); } }); } });