Hay un encabezado dinámico complejo. Al hacer scroll, es necesario que su parte (piso medio) siga al usuario. Necesito averiguar en qué punto desaparece este piso intermedio del campo de visión del usuario (altura de la pantalla) y cuándo vuelve a la parte superior. ¿algunas ideas? Sin jQuery pls
Aquí está con IntersectionObserver:
window.onload = () => { const options = { root: null, rootMargin: '0px', threshold: 0 } const observer = new IntersectionObserver((entries, observer) => { console.log('Scrolled'); }, options); let header = document.querySelector('header'); observer.observe(header); } * { margin: 0; padding: 0; } body { height: 150vh; } header { height: 150px; background-color: orangered; } <header> Here header </header>