emulate smaller screen

lib/lazy/web/web-lazy-loader-before.js

@@ -23,22 +23,26 @@
 (() => {
 
 	const LOAD_OBSERVED_ELEMENTS_EVENT = "single-file-load-observed-elements";
+	const clientHeight = document.documentElement.clientHeight;
+	const clientWidth = document.documentElement.clientWidth;
+	const scrollHeight = Math.max(document.documentElement.scrollHeight - (clientHeight * .5), clientHeight);
+	const scrollWidth = Math.max(document.documentElement.scrollWidth - (clientWidth * .5), clientWidth);
 	window._singleFile_innerHeight = window.innerHeight;
 	window._singleFile_innerWidth = window.innerWidth;
-	window.__defineGetter__("innerHeight", () => document.documentElement.scrollHeight);
-	window.__defineGetter__("innerWidth", () => document.documentElement.scrollWidth);
-	document.documentElement.__defineGetter__("clientHeight", () => document.documentElement.scrollHeight);
-	document.documentElement.__defineGetter__("clientWidth", () => document.documentElement.scrollWidth);
-	screen.__defineGetter__("height", () => document.documentElement.scrollHeight);
-	screen.__defineGetter__("width", () => document.documentElement.scrollWidth);
+	window.__defineGetter__("innerHeight", () => scrollHeight);
+	window.__defineGetter__("innerWidth", () => scrollWidth);
+	document.documentElement.__defineGetter__("clientHeight", () => scrollHeight);
+	document.documentElement.__defineGetter__("clientWidth", () => scrollWidth);
+	screen.__defineGetter__("height", () => scrollHeight);
+	screen.__defineGetter__("width", () => scrollWidth);
 	window._singleFile_getBoundingClientRect = Element.prototype.getBoundingClientRect;
 	Element.prototype.getBoundingClientRect = function () {
 		const boundingRect = window._singleFile_getBoundingClientRect.call(this);
 		if (this == document.documentElement) {
-			boundingRect.__defineGetter__("height", () => document.documentElement.scrollHeight);
-			boundingRect.__defineGetter__("bottom", () => document.documentElement.scrollHeight + boundingRect.top);
-			boundingRect.__defineGetter__("width", () => document.documentElement.scrollWidth);
-			boundingRect.__defineGetter__("right", () => document.documentElement.scrollWidth + boundingRect.left);
+			boundingRect.__defineGetter__("height", () => scrollHeight);
+			boundingRect.__defineGetter__("bottom", () => scrollHeight + boundingRect.top);
+			boundingRect.__defineGetter__("width", () => scrollWidth);
+			boundingRect.__defineGetter__("right", () => scrollWidth + boundingRect.left);
 		}
 		return boundingRect;
 	};