IntersectionObserver

let callback = (entries, observer) => {
  entries.forEach(entry => {
    // Each entry describes an intersection change for one observed
    // target element:
    //   entry.boundingClientRect
    //   entry.intersectionRatio
    //   entry.intersectionRect
    //   entry.isIntersecting
    //   entry.rootBounds
    //   entry.target
    //   entry.time
  });
};

entries배열이 한개만 있다면 [entry] 이렇게 전개연산을 하던가 entries[0] 이런식으로 사용해도 될듯하다.

 

https://developer.mozilla.org/ko/docs/Web/API/Intersection_Observer_API

Intersection Observer API - Web API | MDN

 

 

entry요소에 대한 설명

https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry

IntersectionObserverEntry - Web APIs | MDN