Update full height elements when screen turned

alanrme · Jul 9, 2024 · 44c08ba · 44c08ba
1 parent 34d8cb4
commit 44c08ba
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/js/main.js b/js/main.js
@@ -40,7 +40,7 @@ ready(() => {
     window.scrollTo(0, 0); // scroll to top on page load
 
     // set vh property to the true viewport height to fix it on mobile browsers
-    document.documentElement.style.setProperty('--vh', `${window.innerHeight * 0.01}px`);
+    document.documentElement.style.setProperty('--vh', `${window.innerHeight * 0.01}px`)
 
     // DISABLE RIGHT CLICK
     /*
@@ -112,7 +112,9 @@ ready(() => {
     // fire when window resized, e.g. when device is turned
     window.addEventListener('resize', function(event) {
         intro = _('.content').offsetTop; // set top of content
-
+
+        document.documentElement.style.setProperty('--vh', `${window.innerHeight * 0.01}px`)
+
         headerYOffset = (window.innerHeight)/10 - parseFloat(getComputedStyle(_("h2")).fontSize) - 5
         updateHeaders()
     }, true);