fix: scroll to top osm post (#875)

helsingborg-stad · Feb 13, 2024 · f7d9481 · f7d9481
1 parent 8aad038
commit f7d9481
Showing 1 changed file with 14 additions and 9 deletions.
diff --git a/source/js/openstreetmap/showPost.ts b/source/js/openstreetmap/showPost.ts
@@ -122,23 +122,28 @@ class ShowPost {
     private scrollToTop() {
         if (!this.sidebar) return;
         const rect = this.sidebar.getBoundingClientRect();
-        let offset = 0;
         const topPos = window.pageYOffset || document.documentElement.scrollTop;
-
-        if (document.querySelector('.c-header--sticky')) {
-            const header = document.querySelector('.c-header--sticky');
-            if (!header) return;
-            const headerRect = header.getBoundingClientRect();
-            offset = headerRect.height ?? 100;
-        }
+        const offset = this.getStickyHeaderWithMostHeight();
 
         const target = rect.top + topPos - offset;
-
+        
         window.scrollTo({
             top: target,
         })
     }
 
+    private getStickyHeaderWithMostHeight() {
+        let offset = 0;
+        [...document.querySelectorAll('.c-header--sticky')].forEach(header => {
+            const headerRect = header.getBoundingClientRect();
+            if (headerRect.height > offset) {
+                offset = headerRect.height;
+            }
+        });
+
+        return offset;
+    }
+
     private handleBackButton() {
         if (!this.sidebar) return;