From 65120afffbae610564e93bf40ec69912f066da66 Mon Sep 17 00:00:00 2001
From: PriyanshShrivastava <learn.priyansh@gmail.com>
Date: Sun, 26 Feb 2023 11:27:54 +0530
Subject: [PATCH] refact: fix to an open issue #2 Scrolling issue on mobile
 view nav

---
 final/09-Omnifood-Optimizations/js/script.js | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/final/09-Omnifood-Optimizations/js/script.js b/final/09-Omnifood-Optimizations/js/script.js
index 403f2a55d..cfba74dd5 100644
--- a/final/09-Omnifood-Optimizations/js/script.js
+++ b/final/09-Omnifood-Optimizations/js/script.js
@@ -25,6 +25,14 @@ const headerEl = document.querySelector(".header");
 
 btnNavEl.addEventListener("click", function () {
   headerEl.classList.toggle("nav-open");
+
+  ///////////////////////////////////////////////////////////
+  //It will prevent the vertical scrolling while nav-menu is on.
+  if (headerEl.classList.contains("nav-open")) {
+    document.documentElement.style.overflowY = "hidden";
+  } else {
+    document.documentElement.style.overflowY = "visible";
+  }
 });
 
 ///////////////////////////////////////////////////////////