Wie langsam Scrollen zu beheben, wenn mit Webkit-Transformation und die relative Positionierung auf dem iPhone

Question

Ich habe durch die Verwendung relative Positionierung und webkit Animation für das iphone eines div implementiert scrolling, funktioniert es schön auf dem Desktop-Safari aber ist abgehackt auf dem tatsächlichen iphone (fein auf dem Simulator).

Das Scrollen funktioniert durch ein div verschachtelt mit und geclippt (overflow: hidden) durch seine Eltern. Ich habe dann die Top-Position gesetzt und animieren sie mit -webkit Stil Erklärungen. Das iPhone scheint deutlich zu verlangsamen, wenn es viele Elemente in der inneren div ist.

Alle Ideen, wie die Bewegung flüssiger machen?

Das war ein Problem mit iScroll Code und meine eigene Hand codiert Zeug.

Answer 1

translate3d Verwendung ist viel schneller als gerade nach oben zu übersetzen, wie es der Hardware-Beschleunigung verwendet wird.