center clicked tab to a third of viewport height

neo4j-documentation · Jul 23, 2024 · 9088a24 · 9088a24
1 parent 6fdbe90
commit 9088a24
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/js/06-code.js b/src/js/06-code.js
@@ -291,14 +291,14 @@ document.addEventListener('DOMContentLoaded', function () {
     }
     var offset = document.querySelector('.navbar').offsetHeight + toolbarOffset + 20
 
+    var vh = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0)
     var bodyRect = document.body.getBoundingClientRect().top
     var elementRect = tab.getBoundingClientRect().top
     var elementPosition = elementRect - bodyRect
-    var offsetPosition = elementPosition - offset
+    var offsetPosition = elementPosition - offset - vh/3
 
     window.scrollTo({
-      top: offsetPosition,
-      behavior: 'smooth',
+      top: offsetPosition,  // scroll so that element is within a third of viewport height
     })
   }
 

diff --git a/src/js/08-tabs-block.js b/src/js/08-tabs-block.js
@@ -70,14 +70,14 @@ document.addEventListener('DOMContentLoaded', function () {
     }
     var offset = document.querySelector('.navbar').offsetHeight + toolbarOffset + 20
 
+    var vh = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0)
     var bodyRect = document.body.getBoundingClientRect().top
     var elementRect = tab.getBoundingClientRect().top
     var elementPosition = elementRect - bodyRect
-    var offsetPosition = elementPosition - offset
+    var offsetPosition = elementPosition - offset - vh/3
 
     window.scrollTo({
-      top: offsetPosition,
-      behavior: 'smooth',
+      top: offsetPosition,  // scroll so that element is within a third of viewport height
     })
 
     if (sessionStorageAvailable) {