// When the user scrolls the page, execute myFunction window.onscroll = function() {myFunction2()}; // Get the navbar var navbar = document.getElementById("navbar"); // Get the offset position of the navbar var sticky = navbar.offsetTop; // Add the sticky class to the navbar when you reach its scroll position. Remove "sticky" when you leave the scroll position function myFunction2() { if (window.pageYOffset >= sticky) { navbar.classList.add("sticky") } else { navbar.classList.remove("sticky"); } } function mouseOver() { document.getElementById("bigimage").style.display = "block"; } function mouseOut() { document.getElementById("bigimage").style.display = "none"; } function myFunction() { var x = document.getElementById("myTopnav"); if (x.className === "topnav") { x.className += " responsive"; } else { x.className = "topnav"; } } //close flaoting panel function closeAlert() { document.getElementById("alert").style.display = "none"; }