Quería agregar una clase cuando el encabezado era fijo pero con la condición de que no debería ser con respecto a la ventana gráfica. Debería ser viewport más algún valor superior ( css ). Mi componente pegajoso tiene una propiedad superior para ajustar desde donde se pegará con respecto a la ventana gráfica.

Intenté muchas cosas, como cambiar rootMargin, pero no tuve éxito, se agradecería algo de ayuda.

 const stickyElm = document.querySelector('.automations-dashboard > div > span:nth-child(3)'); const observer = new IntersectionObserver( ([e]) => e.target.classList.toggle('isSticky', e.intersectionRatio < 1), { rootMargin: '0px 0px 0px 0px' } ); if (stickyElm) observer.observe(stickyElm);

SO de referencia: evento para detectar cuándo se activa position:sticky