Reference index / 스크롤·드래그·입력 연동
Drag-to-dismiss
A pattern that closes or removes a card or panel when a drag crosses a threshold.
When to use it
Modals, notifications, and sheets.
Caveats and distinctions
Scroll-triggered and scroll-driven animation are different. Avoid excessive input hijacking or making essential navigation depend on motion.
Implementation and classification
UI·UX 모션 / 스크롤·드래그·입력 연동
Sources and verification status
https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Scroll-driven_animations
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.