아이폰이나 안드로이드 chrome 의 페이지 상단에서 아래로 스와이프 하면
전체 페이지가 새로고침 되는 현상을 볼 수 있습니다.
이를 방지 하지 위한 css 속성을 소개해 드리겠습니다.
overscroll-behavior
- 스크롤 영역의 경계에 도달 할 때 발생하는 동작을 제어하는 기능
overscroll-behavior: contain;
- 인접한 스크롤 영역에 스크롤 체인을 방지 (바운스 효과 또는 새로고침)
만약 이렇게 했을 경우에도 동작이 되지 않는다면
부모태그의 overflow:hidden;을 주면 됩니다.
감사합니다.
