adding scroll position helper (#1067)

chainguard-dev · Oct 13, 2023 · acd47b8 · acd47b8
1 parent 9d43299
commit acd47b8
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/assets/js/index.js b/assets/js/index.js
@@ -103,6 +103,20 @@ Array.from(searchForms).forEach(container => {
   }
 });
 
+const menuPositioner = () => {
+  const nav = document.querySelectorAll("#sidebar-default")[1]
+  const itemActive = document.querySelectorAll(".sidebar-item-active")
+  const itemActiveMobile = document.querySelectorAll(".offcanvas-body .sidebar-item-active")
+  const navMobile = document.querySelector(".offcanvas-body")
+
+  if (itemActive.length) {
+    nav.scrollTop = itemActive[itemActive.length - 1].offsetTop - 300
+    navMobile.scrollTop = itemActiveMobile[itemActiveMobile.length - 1].offsetTop - 200
+  }
+}
+
+menuPositioner()
+
 window.addEventListener('load', function() {
   index = new FlexSearch.Document({
     tokenize: "forward",

diff --git a/layouts/partials/footer/script-footer.html b/layouts/partials/footer/script-footer.html
@@ -57,9 +57,6 @@
   {{ $slice = $slice | append $katexConfig -}}
 {{ end -}}
 
-{{ $scrollLock := resources.Get "js/scroll-lock.js" | js.Build -}}
-{{ $slice = $slice | append $scrollLock -}}
-
 {{ $js := $slice | resources.Concat "main.js" -}}
 
 {{ if eq (hugo.Environment) "development" -}}