main-header - sticky

assets/js/script.js

@@ -12,4 +12,16 @@ document.addEventListener("DOMContentLoaded", () => {
   // Listeners
   nodes.burgerBtn.addEventListener("click", () => expandNav(nodes));
   nodes.closeNavBtn.addEventListener("click", () => closeNav(nodes));
+
+  // Key shortcuts
+  window.addEventListener("keyup", (event) => {
+    if (event.key === "Escape") {
+      closeNav(nodes);
+    }
+  });
+  window.addEventListener("scroll", (event) => {
+    if (nodes.expandedNav.classList.contains("open")) {
+      closeNav(nodes);
+    }
+  });
 });