Web API : Intersection Observer API

Intersection Observer API - Web API | MDN

Intersection Observer API는 상위 요소 또는 최상위 문서의 viewport와 대상 요소 사이의 변화를 비동기적으로 관찰할 수 있는 수단을 제공합니다.

developer.mozilla.org

사용자가 스크롤을 했을 때 지정 요소가 얼마나 viewport 에 노출되느냐에 따라 callback function 을 하는 API 이다.

-생성자 : new IntersectionObserver(callback[,options])

callback 에는 호출하고자 하는 함수를 입력한다.

options 에는 가장 많이 쓰이는 값으로 threshold 를 0~ 1.0 까지 값을 줄 수 있고 이는 viewport 에 드러난 정도의 역치를 말한다.

Element: scrollIntoView() (0)	2023.12.05

sharekim's dev repo