New breadcrumbs (#1590)

Add top navbar

1 files changed, 27 insertions, 1 deletions

diff --git a/plugins/base/src/main/resources/dokka/scripts/platform-content-handler.js b/plugins/base/src/main/resources/dokka/scripts/platform-content-handler.js
index 26dd9424..07a6642b 100644
--- a/plugins/base/src/main/resources/dokka/scripts/platform-content-handler.js
+++ b/plugins/base/src/main/resources/dokka/scripts/platform-content-handler.js
@@ -4,6 +4,8 @@ filteringContext = {
     activeFilters: []
 }
 let highlightedAnchor;
+let topNavbarOffset;
+var scrollNavbarBreakPoint = 300
 
 window.addEventListener('load', () => {
     document.querySelectorAll("div[data-platform-hinted]")
@@ -18,6 +20,13 @@ window.addEventListener('load', () => {
     initTabs()
     handleAnchor()
     initHidingLeftNavigation()
+
+    document.getElementById('main').addEventListener("scroll", (e) => {
+        const element = document.getElementsByClassName("navigation-wrapper")[0]
+        const additionalOffset = element.classList.contains("sticky-navigation") ? 14 : 0
+        element.classList.toggle("sticky-navigation", e.target.scrollTop + additionalOffset > scrollNavbarBreakPoint)
+    })
+    topNavbarOffset = document.getElementById('navigation-wrapper')
 })
 
 const initHidingLeftNavigation = () => {
@@ -64,7 +73,24 @@ function handleAnchor() {
                 content.classList.add('anchor-highlight')
                 highlightedAnchor = content
             }
-            element.scrollIntoView({behavior: "smooth"})
+
+            const scrollToElement = () => document.getElementById('main').scrollTo({ top: element.offsetTop - topNavbarOffset.offsetHeight, behavior: "smooth"})
+
+            const waitAndScroll = () => {
+                setTimeout(() => {
+                    if(topNavbarOffset){
+                        scrollToElement()
+                    } else {
+                        waitForScroll()
+                    }
+                }, 100)
+            }
+
+            if(topNavbarOffset){
+                scrollToElement()
+            } else {
+                waitAndScroll()
+            }
         }
     }
 }