remove scroll when menu is opened

mate-academy · Mar 7, 2024 · cae9cfc · cae9cfc
1 parent 5b78158
commit cae9cfc
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/src/scripts/main.js b/src/scripts/main.js
@@ -1 +1,11 @@
 'use strict';
+
+window.addEventListener('hashchange', () => {
+  const targetId = window.location.hash.substring(1);
+
+  if (targetId === 'menu') {
+    document.body.classList.add('page__body--menu--open');
+  } else {
+    document.body.classList.remove('page__body--menu--open');
+  }
+});
diff --git a/src/styles/blocks/page.scss b/src/styles/blocks/page.scss
@@ -13,6 +13,8 @@
 
     &--menu--open {
       overflow: hidden;
+
+      // height: 100vh;
     }
   }
-Original file line number
+Diff line change
@@ Expand Up / @@ -13,6 +13,8 @@ @@
         &--menu--open {
           overflow: hidden;
+          // height: 100vh;
         }
       }
@@ Expand Down @@