Cómo corregir el desplazamiento lento cuando se usa webkit-transformar y posicionamiento relativo en el iPhone

Question

He implementado el desplazamiento de un div usando posicionamiento relativo y animación webkit para el iPhone, funciona muy bien en un safari de escritorio, pero no es claro en el iPhone real (bien en el simulador).

Los trabajos de desplazamiento por tener un div anidado y recortado (overflow: hidden) por su padre. entonces me puse la primera posición y la animación con las declaraciones de estilo webkit. El iPhone parece frenarse de manera notable hacia abajo cuando hay una gran cantidad de elementos en el div interior.

Alguna idea de cómo hacen un desplazamiento más suave?

Esto era un problema con el código de iScroll y mi propio material codificado mano.

Answer 1

El uso de translate3d es mucho más rápido que traduce directamente hacia arriba, ya que utiliza la aceleración de hardware.