javascript - Halaman tatal pada bahagian web ios adalah melekit

Question

Fenomena:
Menggunakan iphone6 ​​plus, iphone7 plus, iphone6s plus, tarik ke atas untuk mendapatkan halaman produk Halaman memaparkan satu halaman untuk setiap 20 produk Selepas sampai ke penghujung, tarik ke atas untuk memuatkan data produk halaman seterusnya . Fikirkan dengan pantas tentang gelongsor Selepas meluncur beberapa halaman (bergantung pada keadaan), halaman itu kadang-kadang menjadi melekit dan tidak boleh diluncurkan. Ini tidak berlaku setiap masa.

Halaman tersebut ialah aplikasi satu halaman yang dibina menggunakan react.js.

Soalan:
Lokasi masalah sekarang agak kurang jelas
(1) Jika dilihat dari situasi semasa, masalah ini tidak berlaku pada bahagian Android Masalah ini hanya berlaku pada bahagian ios sahaja mempunyai masalah melekit ini? p, dan tidak dilakukan melalui Tag yang popular seperti p + ul + li membina dom halaman tatal Adakah terdapat sebarang masalah tersembunyi dalam menggunakan p + p (4) Gunakan react.js untuk membuat halaman itu melekit guna? Keadaan ini disebabkan oleh pemprosesan javascript;

Jika anda mengalami masalah di atas dan menyelesaikannya, sila bantu.

Answer 1

Situasi ini seharusnya disebabkan oleh menggunakan atribut -webkit-overflow-scrolling:touch akan menambahkan lapisan pada elemen dengan atribut ini ditambahkan untuk pemaparan. Walau bagaimanapun, tidak menggunakan atribut ini akan menyebabkan halaman menjadi tidak lancar, jadi penyelesaian semasa saya ialah menggunakan pemalam transfrom untuk mensimulasikan penatalan, yang tidak memerlukan atribut -webkit-overflow-scrolling:touch Walau bagaimanapun, kelemahannya ialah bahawa terdapat masalah prestasi besar dan bingkai membeku

Answer 2

-webkit-overflow-scrolling:touch ialah masalah dengan atribut ini. Penyelesaian saya ialah mengalih keluarnya dan menggunakan bar skrol yang disertakan dengan badan