/* Header component content */ document.querySelector("header").innerHTML = ` `; /* Navigation component content */ document.querySelector("nav").innerHTML = `
`; /* MAKE THE NAVBAR STICKY */ const header = document.querySelector("header"); const navbar = document.querySelector("nav"); window.addEventListener("scroll", e => { const scrollPos = window.scrollY || document.documentElement.scrollTop; const stickyLine = header.scrollHeight - navbar.scrollHeight; if (scrollPos > stickyLine) { navbar.classList.add("sticky-nav"); } else { navbar.classList.remove("sticky-nav"); } });