브라우저의 스크롤 체이닝 방지 기법

작성자

작성시각

Feb 9, 2026 4:39 PM

카테고리

상태

Empty

담당자

Empty

참여자

최근활동

Feb 9

스크롤 체이닝은 자식 요소의 스크롤이 끝났을 때 부모 요소까지 스크롤되는 현상으로, CSS의 overscroll-behavior 속성을 사용하여 간단하게 방지할 수 있다.

•

contain : 스크롤 체이닝은 막지만, 브라우저 고유의 고무줄 효과 (모바일 브라우저의 위로 당김 같은) 새로고침 이펙트는 유지합니다.

•

none : 스크롤 체이닝은 물론, 고무줄 효과 등 모든 오버스크롤 효과를 제거합니다.

•

auto : 기본 값, 스크롤 체이닝을 허용합니다.

悠悠自適

삼평동 연구원 이야기

운영중인 프로덕트