From 9d60214b107cdd5cb0a893f8d291a046911f7c8e Mon Sep 17 00:00:00 2001 From: FURK4NGG <105324908+FURK4NGG@users.noreply.github.com> Date: Tue, 26 Nov 2024 23:32:43 +0300 Subject: [PATCH] Update 1.js --- JAVASCRIPT/1.js | 14 ++++++-------- 1 file changed, 6 insertions(+), 8 deletions(-) diff --git a/JAVASCRIPT/1.js b/JAVASCRIPT/1.js index 5790b80..90748ef 100644 --- a/JAVASCRIPT/1.js +++ b/JAVASCRIPT/1.js @@ -1,26 +1,24 @@ +// Kutucukları seç const boxes = document.querySelectorAll('.services_id'); -let lastScrollY = 0; // Son kaydırma pozisyonunu tutar // Görünürlük kontrol fonksiyonu function checkVisibility() { - const triggerBottom = window.innerHeight * 0.8; // Tetikleme noktası + 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 && window.scrollY > lastScrollY) { - // Sadece aşağıya kayarken kutucuk ekranın içinde ise animasyonu tetikle + 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 if (window.scrollY < lastScrollY && boxBottom < window.innerHeight) { - // Yukarıya kayarken kutucuk ekranın dışında ise eski durumuna dön + } else { + // Kutucuk ekran dışında ise gizle box.classList.remove('visible'); box.classList.add('hidden'); } }); - - lastScrollY = window.scrollY; // Son kaydırma pozisyonunu güncelle } // Scroll ve yükleme olaylarını dinle