ATLAS / DESIGN REFERENCE

Reference index / 웹 렌더링·성능·상태

IntersectionObserver

교차 영역 관찰자 · atlas35-intersection

An API that asynchronously observes intersection changes between a target and a scroll container or viewport.

Try the example

When to use it

Scroll inside the card and inspect the real intersection ratio

Caveats and distinctions

Basic intersection observation is not a complete visibility or attention measurement; occlusion and opacity require separate consideration.

Implementation and classification

웹·CSS / 웹 렌더링·성능·상태 / HTML · CSS · JavaScript

Sources and verification status

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

공식 API·접근성 패턴 문서 · 공식 본문 확인 · 자체 제작 학습용 예제 · 2026-10-29

Source scope and verification status describe the existing catalog record. Publishing this page does not independently re-verify the latest library version, license, or production behavior.

Related references