From 61a495d08d2376cbdb8c89f5662155fbd72c66ec Mon Sep 17 00:00:00 2001 From: deepeshahlawat Date: Wed, 26 Feb 2025 13:47:27 +0530 Subject: [PATCH 1/2] Disabled scrolling in hamburger menu for mobile devices --- script.js | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/script.js b/script.js index 17d970c..6bb28d0 100644 --- a/script.js +++ b/script.js @@ -258,12 +258,20 @@ mobileMenuBtn.addEventListener('click', () => { mobileMenuBtn.classList.toggle('active'); navItems.classList.toggle('active'); + // Toggle body scrolling + if (navItems.classList.contains('active')) { + document.body.style.overflow = 'hidden'; + } else { + document.body.style.overflow = 'auto'; + } + // Update accessibility attributes const isOpen = navItems.classList.contains('active'); mobileMenuBtn.setAttribute('aria-expanded', isOpen); mobileMenuBtn.setAttribute('aria-label', isOpen ? 'Close mobile menu' : 'Open mobile menu'); }); + // Close mobile menu when clicking outside document.addEventListener('click', (e) => { if (!navItems.contains(e.target) && !mobileMenuBtn.contains(e.target) && navItems.classList.contains('active')) { @@ -271,6 +279,7 @@ document.addEventListener('click', (e) => { navItems.classList.remove('active'); mobileMenuBtn.setAttribute('aria-expanded', 'false'); mobileMenuBtn.setAttribute('aria-label', 'Open mobile menu'); + document.body.style.overflow = 'auto'; } }); @@ -281,6 +290,7 @@ window.addEventListener('resize', () => { navItems.classList.remove('active'); mobileMenuBtn.setAttribute('aria-expanded', 'false'); mobileMenuBtn.setAttribute('aria-label', 'Open mobile menu'); + document.body.style.overflow = 'auto'; } }); From 492c2bb8fdde42e2f5d1d96ddcbb76fd343bdf56 Mon Sep 17 00:00:00 2001 From: Rakesh Roshan Date: Fri, 28 Feb 2025 00:37:41 +0530 Subject: [PATCH 2/2] Removed extra space --- script.js | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/script.js b/script.js index 6bb28d0..0ec00dd 100644 --- a/script.js +++ b/script.js @@ -258,7 +258,7 @@ mobileMenuBtn.addEventListener('click', () => { mobileMenuBtn.classList.toggle('active'); navItems.classList.toggle('active'); - // Toggle body scrolling + // Toggle body scrolling for small devices if (navItems.classList.contains('active')) { document.body.style.overflow = 'hidden'; } else { @@ -271,7 +271,6 @@ mobileMenuBtn.addEventListener('click', () => { mobileMenuBtn.setAttribute('aria-label', isOpen ? 'Close mobile menu' : 'Open mobile menu'); }); - // Close mobile menu when clicking outside document.addEventListener('click', (e) => { if (!navItems.contains(e.target) && !mobileMenuBtn.contains(e.target) && navItems.classList.contains('active')) {