Apply header offset to on-this-page script

bevyengine · Dec 5, 2024 · 4e48213 · 4e48213
1 parent 289aea0
commit 4e48213
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/static/on-this-page.js b/static/on-this-page.js
@@ -30,6 +30,10 @@ function otp_set_active(id_or_node){
   });
 }
 
+let headerHeight = getComputedStyle(document.body).getPropertyValue(
+  "--header-height"
+);
+
 let otp_observer =  new IntersectionObserver(
   entries => {
     entries.forEach(entry => {
@@ -43,7 +47,7 @@ let otp_observer =  new IntersectionObserver(
       otp_set_active(intersecting[0]);
     }
   }, {
-    rootMargin: "0px 0px 20% 0px",
+    rootMargin: `-${headerHeight} 0px 20% 0px`,
     threshold: 1.0,
   });