[iphone] div에서 overflow-scrolling 시 딱딱 끊기는 현상 해결방안

iphone 에서 터치로 div를 롤링하면 어플리케이션처럼 부드럽게 애니메이션 효과가 들어가는 것이 아니라, 딱딱 끊기는 현상을 볼 수 있다. 이런 문제를 해결하기 위해 해당 div에 아래와 같은 css를 추가한다.

-webkit-overflow-scrolling: touch;

-webkit-overflow-scrolling 는 모바일 GPU를 사용하는 작업이라, 상당히 배터리를 잡아먹는다. 꼭 필요한 곳에서만 선언해서 사용하자.

[출처] [iphone] div에서 overflow-scrolling 시 딱딱 끊기는 현상 해결방안|작성자 mrb18bae