Update 1.js
This commit is contained in:
@@ -214,6 +214,32 @@ document.addEventListener("DOMContentLoaded", function() {
|
||||
});
|
||||
|
||||
|
||||
/*ECHO EFFECT*/
|
||||
document.addEventListener("scroll", function () {
|
||||
let scrollY = window.scrollY;
|
||||
let windowHeight = window.innerHeight; // Pencere yüksekliği
|
||||
|
||||
// Her intro-echo öğesi için kontrol et
|
||||
document.querySelectorAll(".intro-echo").forEach((el, index) => {
|
||||
let depth = parseInt(el.getAttribute("data-depth"));
|
||||
let rect = el.getBoundingClientRect(); // öğenin konumunu al
|
||||
|
||||
// Eğer öğe ekranın alt kısmına doğru geliyorsa
|
||||
if (rect.bottom <= windowHeight) {
|
||||
let opacity = Math.max(1 - (depth * 0.125), 0);
|
||||
let translateY = depth * 1; // Sabit boşluk sağlama
|
||||
let scale = 1 - (depth * 0.05);
|
||||
el.style.opacity = opacity;
|
||||
el.style.transform = `translate(-50%, ${translateY * 9.98}px) scale(${scale})`;
|
||||
} else {
|
||||
// Eğer öğe ekranın alt kısmına gelmediyse, eski haline dön
|
||||
el.style.opacity = 0;
|
||||
el.style.transform = `translate(-50%, 0) scale(1)`;
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
|
||||
/*SAVE DATA AND RUN OFFLINE*/
|
||||
if ("serviceWorker" in navigator) {
|
||||
navigator.serviceWorker
|
||||
|
||||
Reference in New Issue
Block a user