Verzögerung beim Scrollen auf dem iPad Safari: Kann „translate3d(0, 0, 0)' abgehacktes Scrollen beheben?

iPad Safari-Bildlaufverzögerung mit Translate3D-Transformation behoben

Bei der Entwicklung von Webanwendungen für iPad Safari können umfangreiche Bildlaufbereiche ein eigenartiges Verhalten zeigen, wenn sie ausgeschaltet sind -Bildschirmelemente erscheinen beim Scrollen erst mit einer spürbaren Verzögerung. Diese Unruhe ist auf die Speichersparbemühungen von iPad Safari zurückzuführen.

Glücklicherweise besteht eine Lösung darin, den Browser dazu zu bringen, die Hardwarebeschleunigung zu nutzen. Dies kann durch Anwenden einer leeren dreidimensionalen Transformation erreicht werden:

-webkit-transform: translate3d(0, 0, 0);

Konkret wird diese Transformation auf untergeordnete Elemente mit position:relative; angewendet. Deklarationen oder alle untergeordneten Elemente verbessern die Reaktionsfähigkeit beim Scrollen. Auch wenn es sich nicht um eine universelle Lösung handelt, ist sie in den meisten Fällen sehr effektiv bei der Behebung der Unruhe. Die Technik wird dem Artikel „iOS 5 Native Scrolling–Grins & Gotchas“ zugeschrieben.

Das obige ist der detaillierte Inhalt vonVerzögerung beim Scrollen auf dem iPad Safari: Kann „translate3d(0, 0, 0)' abgehacktes Scrollen beheben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!