관성 효과로 여러 스크롤 div 동기화

Question

나는 동시에 스크롤하는 복수 div이 있습니다. 나는 내 모든에 관성 효과가 css 속성을 가지고 div (iPad에서 사파리에 대한) -webkit-overflow-scrolling: touch;. 그것은 데스크탑 웹 브라우저에서 완벽하게 작동합니다. 하지만 내 iPad에서 내 웹 페이지를 시작할 때 변경하고 싶습니다.

ipad의 문제는 : 관성 효과를 사용할 때 관성 효과가 끝나면 모든 div가 동기화됩니다. 데스크톱 웹 브라우저와 동일한 효과를 원합니다. 즉, 관성 효과와 끝이 아니라 동기화 된 것입니다.

해결책이 있다면 알려주시겠습니까? 내가 아는 한 JSFiddle

Answer 1

, 모바일 장치에서 CSS 스크롤 관성이 자바 스크립트 처리 할 수 ​​없습니다 :

내 설명을 완료하려면, 내가 만들었습니다. 요소 스크롤 이벤트는 손으로 스크롤하거나 애니메이션이 끝나면 시작됩니다. 애니메이션 중에 이벤트가 발생하지 않습니다. 따라서 div를 동기화하려면 자바 스크립트로 관성을 모방해야합니다 (좋은 생각이 아닙니다).