0;
if (currentScroll > lastScrollTop && currentScroll > scrollThreshold) {
isHidden = true; // Scrolling down and past threshold
} else {
isHidden = false; // Scrolling up or near top
}
lastScrollTop = Math.max(currentScroll, 0);
if (openMenu === null) {
isDarkBg = isScrolled ? false : initialDarkBg
}
"
class="fixed flex-col top-0 left-0 right-0 z-50 transition-transform duration-300 print:hidden!"
:class="{
'openMenu': openMenu !== null,
'-translate-y-full': isHidden && !openMenu,
'translate-y-0': !isHidden || openMenu,
'bg-white': isScrolled
}"
role="banner"
>
IT Security Tips
September 2018
