From 4a9dda1de943b970d9db8b5603bd1ec75485f87a Mon Sep 17 00:00:00 2001
From: FURK4NGG <105324908+FURK4NGG@users.noreply.github.com>
Date: Tue, 26 Nov 2024 21:23:27 +0300
Subject: [PATCH] Update 1.js

---
 JAVASCRIPT/1.js | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)

diff --git a/JAVASCRIPT/1.js b/JAVASCRIPT/1.js
index 9fafae1..1cdd0bd 100644
--- a/JAVASCRIPT/1.js
+++ b/JAVASCRIPT/1.js
@@ -1,3 +1,30 @@
+// Kutucukları seç
+const boxes = document.querySelectorAll('.animated-box');
+
+// Görünürlük kontrol fonksiyonu
+function checkVisibility() {
+  const triggerBottom = window.innerHeight * 0.8; // Ekranın %80'i tetik noktası
+
+  boxes.forEach((box) => {
+    const boxTop = box.getBoundingClientRect().top;
+    const boxBottom = box.getBoundingClientRect().bottom;
+
+    if (boxTop < triggerBottom && boxBottom > 0) {
+      // Kutucuk ekranın içinde ise görünür yap
+      box.classList.add('visible');
+      box.classList.remove('hidden');
+    } else {
+      // Kutucuk ekran dışında ise gizle
+      box.classList.remove('visible');
+      box.classList.add('hidden');
+    }
+  });
+}
+
+// Scroll ve yükleme olaylarını dinle
+window.addEventListener('scroll', checkVisibility);
+window.addEventListener('load', checkVisibility);
+
 /*IMAGE CHANGER*/
 let currentIndex = 0;
 const images = document.querySelectorAll('#photo img');