Почему после обновления страницы срабатывает IntersectionObserver?

Question

[wakenbyWork]

const target = document.querySelector('.applications__grid')

const intersectionObserverOptions = {
  root: null,
  threshold: 0.5
}

const observer = new IntersectionObserver(onIntersection, intersectionObserverOptions)

function onIntersection (entries, opts) {
  alert('Виден')
}

observer.observe(target)

onIntersection - срабатывает всегда при обновлении страницы, хотя target далеко не в зоне видимости экрана(( Не понимаю что не так

Answer 1

[wakenbyWork]

const target = document.querySelector('.applications__grid')

const intersectionObserverOptions = {
  root: null,
  threshold: 0.8
}

const observer = new IntersectionObserver(onIntersection, intersectionObserverOptions)

function onIntersection (entries, opts) {
  for (const entry of entries) {
    if (entry.intersectionRatio > 0) {
      alert('Появился')

      observer.unobserve(entry.target)
    }
  }
}

observer.observe(target)