bug: potential fix for vh mobile preload bug

Tobijudah · Feb 18, 2022 · 1fa9998 · 1fa9998 · vercel · Feb 18, 2022
1 parent 571f4ec
commit 1fa9998
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/src/animations/preloader.ts b/src/animations/preloader.ts
@@ -25,13 +25,21 @@ const PreloaderAnimation = (elements: gsap.TweenTarget[]) => {
 			},
 			"-=0.8"
 		)
+		.eventCallback("onStart", () => {
+			gsap.set("[data-name]", {
+				opacity: 0,
+			});
+		})
 		.eventCallback("onComplete", () => {
 			gsap.set("#banner", {
 				yPercent: 100,
 			});
 			gsap.set(".hidden-init", {
 				visibility: "hidden",
 			});
+			gsap.set("[data-name]", {
+				opacity: 1,
+			});
 			preloader.kill();
 		});
 

diff --git a/src/index.scss b/src/index.scss
@@ -56,6 +56,10 @@
 	box-sizing: border-box;
 }
 
+html {
+	background: #000;
+}
+
 html[data-scroll-direction] {
 	overflow: hidden;
 	position: fixed;