HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🚀
개발 노트
/
🧺
IntersectionObserver 정리
🧺

IntersectionObserver 정리

observe(targetElement)

  • 관찰 대상 목록에 요소를 추가한다. 하나의 옵저버는 동시에 여러 요소를 관찰할 수 있다.
  • 관찰하는 대상 요소의 가시성 비율이 thresholds를 통과하는 순간 콜백 함수가 호출된다.
  • 관찰을 통과한 요소를 나타내는 IntersectionObserverEntry의 배열을 콜백 매개변수로 제공한다.
 
 

unobserve(target)

특정 요소에 대한 가시성 변화 관찰을 중단한다.
 

disconnect()

가시성 변화 관찰 대상을 모두 해제한다.