iPhone에서 WebKit-Transform 및 상대 위치를 사용할 때 느린 스크롤을 수정하는 방법

Question

iPhone 용 상대 위치 및 WebKit 애니메이션을 사용하여 DIV 스크롤을 구현했으며 Desktop Safari에서 아름답게 작동하지만 실제 iPhone에서는 고르지 않습니다 (시뮬레이터에서는 정상).

스크롤링은 부모가 DIV 중첩 및 클리핑 (오버플로 : 숨겨진)을 사용하여 작동합니다. 그런 다음 최상위 위치를 설정하고 -webkit 스타일 선언으로 애니메이션합니다. 내부 Div에 많은 항목이있을 때 iPhone이 눈에 띄게 느려지는 것 같습니다.

스크롤을 더 매끄럽게 만드는 아이디어가 있습니까?

이것은 iscroll 코드와 내 자신의 손으로 코딩 된 것들에 문제가있었습니다.

Answer 1

Translate3D를 사용하는 것은 하드웨어 가속을 사용하므로 변환보다 훨씬 빠릅니다.