add new auto scroll function (#162)

riptano · Sep 5, 2024 · d632b9a · d632b9a
1 parent 97799db
commit d632b9a
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/js/01-nav.js b/src/js/01-nav.js
@@ -29,7 +29,15 @@
     // Auto scroll the side nav to the current page's side nav link
     const currentPageLink = sideNav.querySelector('.nav-link.current-page')
     if (currentPageLink) {
-      currentPageLink.scrollIntoView({ block: 'center' })
+      const sideNavRect = sideNav.getBoundingClientRect()
+      const currentPageLinkRect = currentPageLink.getBoundingClientRect()
+      const offsetTop = currentPageLinkRect.top - sideNavRect.top + sideNav.scrollTop
+      if (
+        currentPageLinkRect.top < sideNavRect.top ||
+        currentPageLinkRect.bottom > (sideNavRect.bottom - 160)
+      ) {
+        sideNav.scrollTop = offsetTop - (sideNav.clientHeight - 160) / 2 + currentPageLink.clientHeight / 2
+      }
     }
   }