From 8277de849cb3c3d2b2a542a4401ee5138441a8c5 Mon Sep 17 00:00:00 2001
From: sa6anw <joakim@joasve.se>
Date: Fri, 9 May 2025 14:44:17 +0000
Subject: [PATCH] bilden

---
 docs/index.md | 28 +++++++++++++++++++---------
 1 file changed, 19 insertions(+), 9 deletions(-)

diff --git a/docs/index.md b/docs/index.md
index c3f5912..586c1d6 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -21,17 +21,27 @@ title: Start
 </script>
 
 <script>
-  window.addEventListener('scroll', () => {
-    const header = document.querySelector('.md-header');
-    const tabs = document.querySelector('.md-tabs');
-    if (window.scrollY > window.innerHeight * 0.8) {
-      header.style.transform = "translateY(0)";
-      if (tabs) tabs.style.transform = "translateY(0)";
+  function toggleMenuVisibility() {
+    const content = document.getElementById("main-content");
+    const header = document.querySelector(".md-header");
+    const sidebar = document.querySelector(".md-sidebar");
+    const contentTop = content.getBoundingClientRect().top;
+
+    if (contentTop <= 0) {
+      header.style.opacity = "1";
+      sidebar.style.opacity = "1";
+      header.style.pointerEvents = "auto";
+      sidebar.style.pointerEvents = "auto";
     } else {
-      header.style.transform = "translateY(-100%)";
-      if (tabs) tabs.style.transform = "translateY(-100%)";
+      header.style.opacity = "0";
+      sidebar.style.opacity = "0";
+      header.style.pointerEvents = "none";
+      sidebar.style.pointerEvents = "none";
     }
-  });
+  }
+
+  window.addEventListener("scroll", toggleMenuVisibility);
+  window.addEventListener("load", toggleMenuVisibility);
 </script>
 
 <!-- Bakgrundsbild med filter -->