Как узнать какой блок на странице находится в области видимости экрана пользователя?

Немного поправил скрипт чтобы исправить баг с показом послледнего ИД в самом начале. Заменил forEach на цикл for с перебором в обратном порядке.

const options = {
  rootMargin: '0px',
  threshold: 0.7
}
  
const observer = new IntersectionObserver(callback, options);
const targets = document.querySelectorAll(".sectionCounter");
targets.forEach(t => observer.observe(t))
  
function callback (entries, observer) { 
  for (let i = entries.length - 1; i >= 0 ; i--) {
    sectionNumber.textContent = entries[i].target.dataset.id;
  };
}