#153 resolved

scripts/index.js

@@ -26,16 +26,20 @@
       overlay.style.display = "none";
     });
 
-    const close = document.querySelectorAll(".navclose");
+
     document.getElementById("openMenu").addEventListener("click", function () {
       document.getElementById("menuContainer").style.display = "flex";
     });
 
     document.getElementById("closeMenu").addEventListener("click", function () {
       document.getElementById("menuContainer").style.display = "none";
     });
-    document.querySelectorAll(".close").addEventListener("click", function () {
-      document.getElementById("menuContainer").style.display = "none";
+
+    // Ensure all elements with the class 'close' close the menu
+    document.querySelectorAll(".close").forEach((closeButton) => {
+      closeButton.addEventListener("click", function () {
+        document.getElementById("menuContainer").style.display = "none";
+      });
     });
 
     function handleClose() {
@@ -47,8 +51,11 @@
   const nav = document.querySelector('nav');
   const whereWePlantSection = document.querySelector('.locations');
 
+  let lastScrollTop = 0; // To track the last scroll position
+
   // Function to add/remove dark background
   function handleScroll() {
+    const currentScrollTop = window.pageYOffset || document.documentElement.scrollTop;
     const sectionTop = whereWePlantSection.getBoundingClientRect().top;
     const threshold = window.innerHeight * 0.1; 
 
@@ -57,6 +64,16 @@
     } else {
       nav.classList.remove('dark');
     }
+
+    if (currentScrollTop > lastScrollTop) {
+      // User is scrolling down, hide the navbar
+      nav.style.top = "-100px"; // Adjust based on navbar height
+    } else {
+      // User is scrolling up, show the navbar
+      nav.style.top = "0";
+    }
+
+    lastScrollTop = currentScrollTop;
   }
 
   window.addEventListener('scroll', handleScroll);