Webmaster/old2-ieeeucsd-org
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fixed Mobile Navigation

Browse source
This commit is contained in:
chark1es 2024-03-16 19:41:35 -07:00
parent d6218e1b05
commit eefec3dffb
1 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/components/Navbar.astro
View file

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