CSS

아이폰 스크롤 바운스 문제

gcpark 2018. 8. 9. 10:17

요약

-webkit-overflow-scrolling 은 주어진 요소에서 터치 기기가 가속도 기반momentum-based​ 스크롤을 사용할지를 제어한다.

auto
"일반적인" 스크롤을 사용한다. 터치화면에서 손가락을 떼는 즉시 현재 위치된 콘텐츠에서 스크롤이 멈춘다.
touch
가속도 기반 스크롤을 사용한다. 스크롤 제스처를 끝냈거나 터치화면에서 손가락을 땐 후에도 일정 시간 동안 콘텐츠가 스크롤된다. 스크롤이 계속되는 속도나 시간은 스크롤 제스처의 강도에 비례한다. 또한 신규 선회 환경을 생성하기도 한다.



출처 : https://developer.mozilla.org/ko/docs/Web/CSS/-webkit-overflow-scrolling