fix animation range

gvao · Nov 15, 2023 · 36b46ba · 36b46ba
1 parent 20c8c39
commit 36b46ba
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/src/scripts/animation.js b/src/scripts/animation.js
@@ -8,8 +8,9 @@ const showElementOnWindow =
 		if (!type === "scroll") return;
 
 		const { scrollY, innerHeight } = window;
-		const limit = scrollY + innerHeight * 0.5;
-		const percent = limit / offsetTop;
+		const limit = scrollY + innerHeight / 2;
+		const distance = offsetTop - limit;
+		const percent = 1 - distance / (innerHeight / 2)
 
 		Array.from(children).forEach((child) => {
 			child.style.opacity = 0;