Auto scroll sticky ToC with content (#3115)

mmistakes · May 4, 2024 · dc41016 · dc41016
1 parent 7ef6af6
commit dc41016
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 2 deletions.
diff --git a/assets/js/_main.js b/assets/js/_main.js
@@ -81,6 +81,23 @@ $(function() {
     });
   }
 
+  // Auto scroll sticky ToC with content
+  document.addEventListener("gumshoeActivate", function (event) {
+    var target = event.target;
+    var scrollOptions = { behavior: "auto", block: "nearest", inline: "start" };
+
+    var tocElement = document.querySelector("aside.sidebar__right.sticky");
+    if (!tocElement) return;
+    if (!window.getComputedStyle(tocElement).position !== "sticky") return;
+
+    if (target.parentElement.classList.contains("toc__menu") && target == target.parentElement.firstElementChild) {
+      // Scroll to top instead
+      document.querySelector("nav.toc header").scrollIntoView(scrollOptions);
+    } else {
+      target.scrollIntoView(scrollOptions);
+    }
+  });
+
   // add lightbox class to all image links
   $(
     "a[href$='.jpg'],a[href$='.jpeg'],a[href$='.JPG'],a[href$='.png'],a[href$='.gif'],a[href$='.webp']"

diff --git a/assets/js/main.min.js b/assets/js/main.min.js