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*/
|
/*SAVE DATA AND RUN OFFLINE*/
|
||||||
if ("serviceWorker" in navigator) {
|
if ("serviceWorker" in navigator) {
|
||||||
navigator.serviceWorker
|
navigator.serviceWorker
|
||||||
|
|||||||
Reference in New Issue
Block a user