document.addEventListener('DOMContentLoaded', () => { const el = document.querySelector('.g-scroll'); if (!el) return; const ANIM_MS = 400; let lastScroll = window.pageYOffset || document.documentElement.scrollTop; let isVisible = true; window.addEventListener('scroll', () => { const st = window.pageYOffset || document.documentElement.scrollTop; if (st { el.classList.remove('showing'); }, ANIM_MS); isVisible = true; } } else { if (isVisible) { el.classList.remove('showing'); el.classList.add('hiding'); setTimeout(() => { if (el.classList.contains('hiding')) { el.classList.remove('hiding'); el.classList.add('hidden'); isVisible = false; } }, ANIM_MS); } } lastScroll = st <= 0 ? 0 : st; }, { passive: true }); });