Tengo un detector de eventos para una imagen que se desvanece al desplazarse hacia abajo y quiero que deje de reaparecer al desplazarse hacia arriba.
Aquí está mi código, ¿podrían ayudarme con eso?
const checkpoint = 100; window.addEventListener("scroll", () => { const currentScroll = window.pageYOffset; if (currentScroll <= checkpoint) { opacity = 1 - currentScroll / checkpoint; } else { opacity = 0; } document.querySelector(".front").style.opacity = opacity; });Gracias por adelantado
Según su propia condición de currentScroll <= checkpoint , esto debería evitar que cambie la opacidad (es decir, evitar que la imagen vuelva a aparecer) una vez que se haya establecido en 0
let checkpoint = 100; window.addEventListener("scroll", () => { const currentScroll = window.pageYOffset; if (currentScroll <= checkpoint) { opacity = 1 - currentScroll / checkpoint; } else { opacity = 0; checkpoint = -1; } document.querySelector(".front").style.opacity = opacity; });