From 26e00da5030a74c498887adbd482ed956bb1f856 Mon Sep 17 00:00:00 2001 From: Premsai Varma Date: Sun, 16 Jul 2023 13:19:41 +0530 Subject: [PATCH 1/2] updated the navbar scrolling feature --- assets/js/main.js | 18 +++++++++++++++++- 1 file changed, 17 insertions(+), 1 deletion(-) diff --git a/assets/js/main.js b/assets/js/main.js index c904d13..379487e 100644 --- a/assets/js/main.js +++ b/assets/js/main.js @@ -96,12 +96,28 @@ /** * Mobile nav toggle */ - on("click", ".mobile-nav-toggle", function (e) { + + function toggleMobileNav(){ select("#navbar").classList.toggle("navbar-mobile"); this.classList.toggle("bi-list"); this.classList.toggle("bi-x"); + } + function handleScroll(){ + const navbar = select("#navbar") + if(navbar.classList.contains("navbar-mobile")){ + toggleMobileNav(); + } + } + on("click", ".mobile-nav-toggle", function (e) { + toggleMobileNav(); }); + let prevScrollPos = window.scrollY; + window.addEventListener('scroll', () => { + handleScroll(); + prevScrollPos = window.scrollY; + }) + /** * Mobile nav dropdowns activate */ From 4e6da4f6471aa6724c470478e9b8071ea15cc9c6 Mon Sep 17 00:00:00 2001 From: Premsai Varma Date: Sun, 16 Jul 2023 13:20:58 +0530 Subject: [PATCH 2/2] updated the navbar scrolling feature --- .vscode/settings.json | 3 +++ 1 file changed, 3 insertions(+) create mode 100644 .vscode/settings.json diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..6b665aa --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +}