Fix: navbar-items scrollbar doesn't show up when nav items are expanded

SPANDigital · Dec 11, 2024 · f7c2763 · f7c2763
1 parent f11edaf
commit f7c2763
Showing 1 changed file with 19 additions and 0 deletions.
diff --git a/layouts/partials/page/script.html b/layouts/partials/page/script.html
@@ -86,6 +86,25 @@
           'lineColor': '#666',
       },
   });
+
+  document.addEventListener("DOMContentLoaded", function () {
+    const navbarHeader = document.querySelector(".navbar-header");
+    const navbarItems = document.querySelector(".navbar-items");
+
+    if (navbarHeader && navbarItems) {
+      // Calculate the dynamic height and apply it
+      const headerHeight = navbarHeader.offsetHeight;
+      navbarItems.style.maxHeight = `calc(100vh - ${headerHeight}px)`;
+    }
+
+    // Optional: Adjust height dynamically during window resize
+    window.addEventListener("resize", function () {
+      if (navbarHeader && navbarItems) {
+        const headerHeight = navbarHeader.offsetHeight;
+        navbarItems.style.maxHeight = `calc(100vh - ${headerHeight}px)`;
+      }
+    });
+  });
 </script>
 
 {{ if $.Site.Params.resizeMenu | default true }}