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