Tag: INTERSECTION-OBSERVER
Estoy intentando animar elementos utilizando Intersection Observer pero obtengo un comportamiento extraño de los elementos que ya se encuentran en la pantalla al cargar la página. A veces se animan correctamente de forma aleatoria y otras veces no lo hacen. const faders = document.querySelectorAll(‘.fade-in’); const sliders = document.querySelectorAll(‘.slide-in’); const appearOptions . . . Read more
Estoy tratando de construir una paginación de scroll infinito en React, y utilizando el IntersectionObserver de JavaScript para adjuntar un div de carga adicional. Básicamente, cuando el usuario se desplaza hacia abajo hasta la tabla, se mostrará el texto “Cargando…” y se llamará a una API para obtener el contenido . . . Read more
Necesito mostrar nava si wrapt no es visible desplazando la página y viceversa, ocultar nava si wrapt es visible. ¿Qué está mal con este código de JavaScript? let io = new IntersectionObserver((entries) => { entries.forEach(entry => { if(entry.isIntersecting){modify(entry.target);} else{revert(entry.target);} }); }); function modify(el){ if(el.id == “wrapt”){$(nava).slideUp();} } function revert(el){ if(el.id . . . Read more
Tengo una página de portafolio hecha en WordPress y en la página tengo 5 videos que deben reproducirse cuando estén en el viewport y detenerse cuando estén fuera del viewport. He utilizado el siguiente script que funciona sólo en el primer video de la página. const video = document.querySelector(“video”); let . . . Read more
He estado luchando por encontrar la solución a este problema durante mucho tiempo. Si tienes la respuesta, la agradecería. Tengo un componente en el que quiero usar Intersection Observer. Cuando cierto elemento es visible en la ventana, se llamará a una función para hacer algo. Pero el problema es que, . . . Read more