Tag: INTERSECTION-OBSERVER
Estoy tratando de obtener el valor de la bandera en console.log(). Pero cuando igualo la bandera a entry.isIntersecting, devuelve undefined. En la función console.log comentada obtengo el resultado correcto de la bandera. También probé el método async pero dio el mismo resultado. let flag = false; const observer = new . . . Read more
El siguiente código activará un cambio de estado tan pronto como el elemento entre o salga de la ventana de visualización al desplazarse. const dialog = useRef(), [visible, set] = useState(false) useEffect(() => { const observer = new IntersectionObserver((e) => { set(e[0].isIntersecting ? true : false) }, {root: null, rootMargin: . . . Read more
Estoy usando un React Hook para detectar cuándo un elemento es visible en el viewport. Hasta ahora, todo funciona bien, pero necesito ‘restablecer’ el estado cuando todo está oculto (como cuando se alcanza el pie de página o el encabezado). Aquí está mi hook: import { useState, useEffect, useRef } . . . Read more
Estoy añadiendo una clase cuando un div entra en la ventana gráfica utilizando Intersection Observer. Simplemente no puedo encontrar cómo quitar la clase cuando el div sale de la ventana gráfica. Esto es lo que tengo hasta ahora: “` const callback = function (entries) { entries.forEach(entry => { if(entry.isIntersecting) { . . . Read more
Estoy intentando monitorear secciones de página con IntersectionObserver utilizando React. ¿Puede alguien ayudarme a hacer esto posible? He creado un código sandbox con el código actual.