브라우저의 스크롤 체이닝 방지 기법
현우
지금 주인장은 Nest.js 공부 중 ···
리캡
Created by
- 현우
Created at
카테고리
- 브라우저
스크롤 체이닝은 자식 요소의 스크롤이 끝났을 때 부모 요소까지 스크롤되는 현상으로, CSS의 overscroll-behavior 속성을 사용하여 간단하게 방지할 수 있다.
•
contain : 스크롤 체이닝은 막지만, 브라우저 고유의 고무줄 효과 (모바일 브라우저의 위로 당김 같은) 새로고침 이펙트는 유지합니다.
•
none : 스크롤 체이닝은 물론, 고무줄 효과 등 모든 오버스크롤 효과를 제거합니다.
•
auto : 기본 값, 스크롤 체이닝을 허용합니다.
