fix: TOC scrolls with view

Ticket: ENT-11202 Changelog: None Signed-off-by: Mikita Pilinka <[email protected]>
cfengine · Feb 13, 2024 · 6055d2a · 6055d2a
1 parent 1f131a1
commit 6055d2a
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/generator/_assets/js/custom.js b/generator/_assets/js/custom.js
@@ -388,19 +388,25 @@ document.addEventListener("DOMContentLoaded", function () {
 
                 for (let i = anchorsOffsets.length - 1; i >= 0; i--) {
                     if (scrollTop > anchorsOffsets[i]) {
-                        setActiveLink(anchors[i].id);
+                        setActiveLink(anchors[i].id, i);
                         break;
                     }
                 }
             }, 50); // 0.05s threshold
 
         }
 
-        const setActiveLink = (id) => {
+        const setActiveLink = (id, n) => {
             const activeLink = document.querySelector(`#TOCbox_list li a[href$="#${id}"]`);
             if (activeLink) {
                 activeLink.classList.add('current');
             }
+            const tocWrapper = document.getElementById('TOCbox_wrapper');
+            const TOC_TOP_OFFSET = 42;
+            const LI_HEIGHT = 22;
+            const windowHeight = window.innerHeight;
+            const bottomLi = windowHeight-TOC_TOP_OFFSET - (LI_HEIGHT * n)
+            tocWrapper.style.top = (bottomLi > 0 ? 12-tocWrapper.style.top : 12) + 'px';
         }
 
         window.addEventListener('scroll', updateActiveTocItem);