// Scroll listener for Navbar shadow & Back-to-Top button const navbarEl = document.querySelector('.navbar'); const backToTopBtn = document.getElementById('back-to-top'); window.addEventListener('scroll', () => { if (window.scrollY > 40) { navbarEl?.classList.add('nav-scrolled'); } else { navbarEl?.classList.remove('nav-scrolled'); } if (window.scrollY > 280) { backToTopBtn?.classList.add('show'); } else { backToTopBtn?.classList.remove('show'); } }); backToTopBtn?.addEventListener('click', () => { window.scrollTo({ top: 0, behavior: 'smooth' }); }); // Non-blocking navigation progress bar const topBar = document.getElementById('top-loading-bar'); window.addEventListener('beforeunload', () => { if (topBar) { topBar.style.opacity = '1'; topBar.style.width = '75%'; } });