lastScrollY && currentY > 40;
pageScrolled = currentY >= 5;
lastScrollY = currentY;
"
x-init="
$watch('activeMenu', function(value){
value !== null ? document.body.classList.add('overflow-hidden') : document.body.classList.remove('overflow-hidden');
});
$watch('mobileMenuOpen', function(value){
value === true ? document.body.classList.add('overflow-hidden') : document.body.classList.remove('overflow-hidden');
});
"
class="z-50 sticky top-0 inset-x-0 transition-[top] duration-300 ease-in-out"
:class="{ 'xl:-top-10!': scrolledDown }"
:data-nav-status="activeMenu === null && !mobileMenuOpen ? 'closed' : 'open'"
@mouseleave="closeAll()"
>