restrict core blocks to inner blocks of specified parent blocks. blocks blocks blocks

resources/views/sections/header/header.js

@@ -0,0 +1,35 @@
+export default function Header() {
+  const body = document.querySelector("body");
+  // const menuToggle = document.querySelector(".js-menu-toggle");
+  // const menuClose = document.querySelector(".js-menu-close");
+
+  // menuToggle.addEventListener("click", (e) => {
+  //   e.preventDefault();
+  //   body.classList.toggle("menu-open");
+  // });
+
+  // menuClose.addEventListener("click", (e) => {
+  //   e.preventDefault();
+  //   body.classList.remove("menu-open");
+  // });
+
+  // document.addEventListener("keyup", function (event) {
+  //   if (event.key === "Escape") {
+  //     body.classList.remove("menu-open");
+  //   }
+  // });
+
+  document.addEventListener("scroll", () => {
+    const scrolled = document.scrollingElement.scrollTop;
+    const position = body.offsetTop;
+    const header = document.querySelector(".site-header");
+
+    if(!header) return;
+
+    if (scrolled > position + header.offsetHeight) {
+      body.classList.add("scrolled");
+    } else {
+      body.classList.remove("scrolled");
+    }
+  });
+}