Home Portfolio Get Started document.body.style.overflow = 'hidden'; btn.textContent = 'close'; } else { menu.classList.add('translate-x-full'); // Unlock body scroll document.body.style.overflow = ''; btn.textContent = 'menu'; } } // Smart Sticky Header let lastScroll = 0; const header = document.getElementById('main-header'); window.addEventListener('scroll', () => { const currentScroll = window.pageYOffset; if (currentScroll <= 0) { header.classList.remove('-translate-y-full'); return; } if (currentScroll > lastScroll && !header.classList.contains('-translate-y-full')) { // Scroll Down -> Hide header.classList.add('-translate-y-full'); } else if (currentScroll < lastScroll && header.classList.contains('-translate-y-full')) { // Scroll Up -> Show header.classList.remove('-translate-y-full'); } lastScroll = currentScroll; });