From eefec3dffba1e1dd08f0dabcd3af14dbe3f7f411 Mon Sep 17 00:00:00 2001
From: chark1es <charles15851@gmail.com>
Date: Sat, 16 Mar 2024 19:41:35 -0700
Subject: [PATCH] Fixed Mobile Navigation

---
 src/components/Navbar.astro | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
index cb4a0db..d7da9a0 100644
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@@ -55,11 +55,11 @@ import navbarPages from "../data/navbarPages.json";
         </div>
     </div>
 </div>
-
 <script>
     var hamburger = document.querySelector(".hamburger") as HTMLButtonElement;
     var secondNav = document.querySelector("#secondNav");
     var navbarListItems = document.querySelectorAll("#navbar-list a");
+    var body = document.body; // Get the body element
 
     if (hamburger && secondNav && navbarListItems) {
         hamburger.addEventListener("click", function () {
@@ -71,6 +71,9 @@ import navbarPages from "../data/navbarPages.json";
                 secondNav.classList.remove("-translate-y-full");
                 secondNav.classList.add("translate-y-0");
 
+                // Disable scrolling on body
+                body.style.overflowY = "hidden"; // Prevent scrolling
+
                 let lastItemIndex = navbarListItems.length - 1;
 
                 navbarListItems.forEach((item, index) => {
@@ -101,6 +104,7 @@ import navbarPages from "../data/navbarPages.json";
 
                     setTimeout(() => {
                         hamburger.disabled = false;
+                        body.style.overflowY = "auto";
                     }, 500);
                 }, 500);
             }