ATLAS / DESIGN REFERENCE

전체 문서 색인 / 스크롤·드래그·입력 연동

끌어서 닫기

Drag-to-dismiss · dar-f1f0aed08ee5

패널이나 카드를 끌어 임계 조건을 넘기면 제거·닫는 패턴.

언제 사용하나요?

모달·알림·시트.

주의사항과 구분

스크롤 트리거와 스크롤 연동은 다르다. 사용자 입력을 과도하게 가로채거나 필수 탐색을 모션에 종속시키지 않는다.

구현·분류

UI·UX 모션 / 스크롤·드래그·입력 연동

출처와 확인 범위

https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Scroll-driven_animations

분야 참고문서 · 참고 내용 열람 · 2026-10-28

확인 범위와 상태는 기존 사전 기록을 표시합니다. 이 문서의 게시가 라이브러리 최신 버전·라이선스·실서비스 동작을 새로 검증했다는 의미는 아닙니다.

관련 레퍼런스