Detecta cuando un elemento es visible con Intersection Observer y JavaScript 

hola, tengo una consulta, estoy haciendo un proyecto de una página web e implemente el intersection observer, lo use para que cuando al hacer scroll se seleccione el menú de navegaciónen donde se encuentre, ejemplo: si bajo a la parte de "nosotros" el background de "nosotros va a tener un color obscuro y a los otros se les quita; el inicio lo tengo fuera de la parte donde se encuentra el "nosotros" por tal motivo no se selecciona, no logro hacer que al scrollear al inicio me seleccione el inicio y quite el de los demás

Ya usaba una librería para hacer esto, creo que empezaré a implementar esta forma.

Yo utilizo esto para scroll infinite haciendo solo la llamada cuabndo el ultimo elemento del un array se muestre en el viewport con react tine su cosita pero la aplicacion te lo agradece en el performance

Yo usaba era el document.scrollTop y element.offsetTop, pero esto se ve mejor.

ei pi ai XD