Entiendo cómo usar Intersection Observer para verificar si un elemento ingresó a la ventana gráfica, como el código a continuación:
const el = document.querySelector('#el') const observer = new window.IntersectionObserver(([entry]) => { if (entry.isIntersecting) { console.log('ENTER') return } console.log('LEAVE') }, { root: null, threshold: 0.1, // set offset 0.1 means trigger if atleast 10% of element in viewport }) observer.observe(el); ¿Es posible detectar si el elemento cruzó el medio de la ventana gráfica ( '50vh' desde la parte superior)?
Si es así, ¿podría incluir un ejemplo de código para mayor claridad?