document.addEventListener("DOMContentLoaded", () => { const body = document.body; const nav = document.querySelector(".row.sticky"); const menu = document.querySelector(".row.sticky .header__main-menu"); const scrollUp = "scroll-up"; const scrollDown = "scroll-down"; const scrollSubmenu = "scroll-submenu"; const scrollClose = "scroll-header"; const scrollTop = "scroll-top"; let lastScroll = 0;
window.addEventListener("scroll", function(){ const currentScroll = window.pageYOffset;
body.classList.add(scrollTop); if (currentScroll <= 0) { body.classList.remove(scrollSubmenu); body.classList.add(scrollTop); }else{ body.classList.add(scrollSubmenu); body.classList.remove(scrollTop); } if (currentScroll <= 400) { body.classList.add(scrollClose); }else{ body.classList.remove(scrollClose); } if (currentScroll <= 600) { body.classList.remove(scrollUp); return; }else{ body.classList.remove(scrollSubmenu); } if (currentScroll > lastScroll && !body.classList.contains(scrollDown)) { // down body.classList.remove(scrollUp); body.classList.add(scrollDown); } else if ( currentScroll < lastScroll && body.classList.contains(scrollDown) ) { // up body.classList.remove(scrollDown); body.classList.add(scrollUp); } lastScroll = currentScroll; const scrollToTop = document.querySelector('.jupiterx-scroll-top'); if (scrollToTop) { scrollToTop.addEventListener('click', function(){ body.classList.remove(scrollSubmenu); body.classList.add(scrollTop); body.classList.remove(scrollUp); body.classList.remove(scrollDown); }); } }); });