From a06ccc74ae717e80c927f8723517988498a45b7c Mon Sep 17 00:00:00 2001 From: FURK4NGG <105324908+FURK4NGG@users.noreply.github.com> Date: Wed, 27 Nov 2024 00:22:56 +0300 Subject: [PATCH] Update 1.js --- JAVASCRIPT/1.js | 15 +++------------ 1 file changed, 3 insertions(+), 12 deletions(-) diff --git a/JAVASCRIPT/1.js b/JAVASCRIPT/1.js index b30ed8b..a765e1a 100644 --- a/JAVASCRIPT/1.js +++ b/JAVASCRIPT/1.js @@ -1,30 +1,21 @@ -// Kutucukları seç -const boxes = document.querySelectorAll('.services_id'); - -// Görünürlük kontrol fonksiyonu +// Sorun çözümü için görünürlük kontrolü function checkVisibility() { - const triggerTop = window.innerHeight * 0.2; // Ekranın altına daha yakın bir tetik noktası + const triggerBottom = window.innerHeight * 0.8; boxes.forEach((box) => { const boxTop = box.getBoundingClientRect().top; const boxBottom = box.getBoundingClientRect().bottom; - if (boxTop < window.innerHeight && boxBottom > triggerTop) { - // Kutucuk ekranın alt kısmında ise görünür yap + if (boxTop < triggerBottom) { box.classList.add('visible'); box.classList.remove('hidden'); } else { - // Kutucuk ekranın 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*/