add menu state

yohn-maistre · Oct 24, 2024 · 1c92db2 · 1c92db2
1 parent 0002f9c
commit 1c92db2
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/src/css/base.css b/src/css/base.css
@@ -8,6 +8,10 @@
 	font-size: 15px;
 }
 
+body, html {
+    overflow: hidden;
+}
+
 body {
 	margin: 0;
 	--color-text: #000;

diff --git a/src/js/index.js b/src/js/index.js
@@ -34,6 +34,7 @@ let isAnimating = false;
 const openMenu = () => {
     if (isAnimating) return;
     isAnimating = true;
+    localStorage.setItem('menuOpen', 'true');
     gsap.timeline({
         onComplete: () => isAnimating = false
     })
@@ -94,6 +95,7 @@ const openMenu = () => {
 const closeMenu = () => {
     if (isAnimating) return;
     isAnimating = true;
+    localStorage.setItem('menuOpen', 'false');
     gsap.timeline({
         onComplete: () => isAnimating = false
     })
@@ -158,6 +160,15 @@ menuWrap.addEventListener('wheel', (e) => {
     }
 });
 
+// Check the menu state on page load
+document.addEventListener('DOMContentLoaded', () => {
+    const menuOpen = localStorage.getItem('menuOpen');
+    if (menuOpen === 'true') {
+        frame.classList.add('frame--menu-open');
+        menuWrap.classList.add('menu-wrap--open');
+    }
+});
+
 // Optional: Close menu on escape key press
 document.addEventListener('keydown', (e) => {
     if (e.key === 'Escape' && menuWrap.classList.contains('menu-wrap--open')) {