disabled touch scroll with menu open

carla-simulator · Mar 19, 2024 · bed6eef · bed6eef
1 parent 5085c2a
commit bed6eef
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/css/main.css b/css/main.css
@@ -166,6 +166,10 @@ section:last-child {
     }
 }
 
+.disable-touch {
+    touch-action: none;
+}
+
 a {
     font-weight: bold;
     color: #4b4b4b;

diff --git a/index.html b/index.html
@@ -1083,9 +1083,6 @@ <h2 class="text-left" style="color:white;display:inline;margin-right:2em;"><stro
 
     // document.body.addEventListener('touchstart', handleTouchStart)
     // document.body.addEventListener('touchend', handleTouchEnd)
-    // document.body.addEventListener('touchmove', handleTouchMove)
-
-
 
     // ************************************************ NAV
 
@@ -1106,6 +1103,8 @@ <h2 class="text-left" style="color:white;display:inline;margin-right:2em;"><stro
         toggleParent.replaceChild(newToggle, toggle)
         newToggle.addEventListener("click", toggleMenu, false);
         toggle = newToggle;
+        scrollLock = false;
+        document.body.classList.remove('disable-touch')
     }
     function addX() {
         menu.classList.add("active");
@@ -1116,6 +1115,8 @@ <h2 class="text-left" style="color:white;display:inline;margin-right:2em;"><stro
         toggleParent.replaceChild(newToggle, toggle)
         newToggle.addEventListener("click", toggleMenu, false);
         toggle = newToggle;
+        scrollLock = true;
+        document.body.classList.add('disable-touch')
     }
 
     function toggleMenu() {