t

README.md

@@ -19,11 +19,11 @@ https://raw.githack.com/u1ui/parallax-bg.el/main/tests/visible.html
 Create a element "u1-parallax-bg". It will be the parallax background of the closest element with the class `u1-parallax-bg-stage` or the closest positioned element (offsetParent).
 
 ```js
-import 'https://cdn.jsdelivr.net/gh/u1ui/parallax-bg.el@3.3.5/parallax-bg.min.js';
+import 'https://cdn.jsdelivr.net/gh/u1ui/parallax-bg.el@3.3.6/parallax-bg.min.js';
 ```
 
 ```html
-<link rel=stylesheet href="https://cdn.jsdelivr.net/gh/u1ui/parallax-bg.el@3.3.5/parallax-bg.min.css">
+<link rel=stylesheet href="https://cdn.jsdelivr.net/gh/u1ui/parallax-bg.el@3.3.6/parallax-bg.min.css">
 
 <div class=u1-parallax-bg-stage>
 

parallax-bg.js

@@ -24,7 +24,8 @@ const paraxBg = {
 
 // cache dimensions. Is it worth it?
 let pageY = pageYOffset;
-let winHeight = document.documentElement.clientHeight; // was innerHeight // better this?: https://stackoverflow.com/questions/1248081/how-to-get-the-browser-viewport-dimensions
+//let winHeight = document.documentElement.clientHeight; // was innerHeight // better this?: https://stackoverflow.com/questions/1248081/how-to-get-the-browser-viewport-dimensions
+let winHeight = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0);
 let scrollHeight = document.documentElement.scrollHeight;
 
 function addListeners(){
@@ -44,7 +45,8 @@ function addListeners(){
 
 	addEventListener('resize', ()=>{
         pageY = pageYOffset;
-        winHeight = document.documentElement.clientHeight;  // was innerHeight
+        //winHeight = document.documentElement.clientHeight;  // was innerHeight
+        winHeight = Math.max(document.documentElement.clientHeight || 0, window.innerHeight || 0);
         scrollHeight = document.documentElement.scrollHeight;
         paraxBg.layout();
         paraxBg.positionize();