iPad Safari Scrolling Lag: Bolehkah `translate3d(0, 0, 0)` Membetulkan Scroppy Scrolling?

Ketinggalan Tatal Safari iPad Diselesaikan dengan Transformasi Translate3D

Apabila membangunkan aplikasi web untuk iPad Safari, kawasan tatal yang luas boleh mempamerkan gelagat pelik di mana-mana. -elemen skrin hanya muncul selepas kelewatan yang ketara semasa menatal. Kecacatan ini berpunca daripada usaha pemuliharaan memori iPad Safari.

Mujurlah, penyelesaiannya terletak pada memperdaya pelayar untuk menggunakan pecutan perkakasan. Ini boleh dicapai dengan menggunakan penjelmaan tiga dimensi kosong:

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

Secara khusus, menggunakan penjelmaan ini kepada elemen kanak-kanak dengan kedudukan:relatif; pengisytiharan atau kepada semua elemen kanak-kanak meningkatkan tindak balas penatalan. Walaupun bukan penyelesaian sejagat, ia amat berkesan dalam menyelesaikan masalah keterukan dalam kebanyakan kes. Teknik ini dikreditkan kepada artikel "iOS 5 Native Scrolling–Grins & Gotchas".

Atas ialah kandungan terperinci iPad Safari Scrolling Lag: Bolehkah `translate3d(0, 0, 0)` Membetulkan Scroppy Scrolling?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!