window.addEventListener('load', function(){ history.scrollRestoration = 'manual'; setTimeout(() => { window.scrollTo(0, 0); document.body.scrollTop = 0; document.documentElement.scrollTop = 0; }, 10); // Full Size Height let vh = window.innerHeight * 0.01; document.documentElement.style.setProperty('--vh', `${vh}px`); window.addEventListener('resize', () => { let vh = window.innerHeight * 0.01; document.documentElement.style.setProperty('--vh', `${vh}px`); }); // Common Event let html = document.querySelector('html'); let header = document.querySelector('header'); if(header){ let headerBurgerMenu = document.querySelector('.h_mobile__btn'); let windowWidth = window.innerWidth; let windowHeight = window.innerHeight; let mobileWidth = 1200; let scrollPos = 0; let linkToggle; let timer; window.addEventListener('resize', resize, false); (headerAnimate = function(){ windowWidth = window.innerWidth; windowHeight = window.innerHeight; scrollPos = window.scrollY || window.pageYOffset; if (windowWidth > mobileWidth) { burgerMaker(); } })(); // Resize Optimization function resize(){ clearTimeout(timer); timer = setTimeout(function () { timer = null; handle(); }, 66); } function handle() { call = "resize"; headerAnimate(call, windowWidth); } // Mobile Menu Event headerBurgerMenu.addEventListener("click", function(){ burgerMaker(this); }); function hideSubMenu() { linkToggle = document.querySelectorAll('.nav_menu__toggle'); for (let i = 0; i < linkToggle.length; i++) { linkToggle[i].classList.remove('on'); } } function clickSubMenu() { hideSubMenu(); for (let i = 0; i < linkToggle.length; i++) { linkToggle[i].addEventListener('click', function () { if (this.classList.contains('on')) { hideSubMenu(); } else { hideSubMenu(); this.classList.add('on'); } }); } } clickSubMenu(); function burgerMaker(e) { if (e === undefined || e.getAttribute('aria-pressed') === 'true') { header.setAttribute('data-header-mobile', 'off'); headerBurgerMenu.setAttribute('aria-pressed', 'false'); hideSubMenu(); html.style.overflow = ''; } else { headerBurgerMenu.setAttribute('aria-pressed', 'true'); header.setAttribute('data-header-mobile', 'on'); html.style.overflow = 'hidden'; linkToggle.forEach((link) => { link.addEventListener('click', function (e) { e.preventDefault(); }); }); } } // Global Event let globalBtn = document.querySelector('.h_global__btn'); globalBtn.addEventListener('click', function(){ let parent = this.parentNode; parent.classList.toggle('on'); }); document.addEventListener('click', function(event) { let parent = globalBtn.parentNode; if (!parent.contains(event.target)) { parent.classList.remove('on'); } }); } AOS.init({ easing: 'ease-out-quad', duration: 800, once:true }); }, false);