[카카오테크캠퍼스 선택과정] 애플 예제: 요소의 가시성

코드 보기

 

Intersection Observer

뷰포트에 타겟 엘리먼트가 보이고 있는지 관찰한다.

사용법

const io = new IntersectionObserver(callback, options); // 관찰자 초기화
io.observe(element)

 

화면에 보일 때 class를 추가하는 것으로 트랜지션 효과를 줄 수 있다.