Bagaimanakah Saya Lumpuhkan Tatal dalam Safari Mudah Alih?

Melumpuhkan Tatal pada Safari Mudah Alih

Apabila berhadapan dengan halaman panjang yang melimpah melebihi kawasan yang boleh dilihat, ia menjadi perlu untuk melumpuhkan tatal pada Safari mudah alih untuk memberikan pengalaman pengguna yang lancar. Artikel ini menangani cabaran ini dengan meneroka penyelesaian untuk menghalang kandungan daripada meluas di bawah "lipatan" halaman pada peranti iOS.

Limpahan Badan:Ketidakberkesanan tersembunyi

Menggunakan "limpahan: tersembunyi" pada elemen badan biasanya mengehadkan penatalan dalam kebanyakan penyemak imbas. Walau bagaimanapun, pendekatan ini gagal berfungsi pada Safari mudah alih. Had ini menimbulkan cabaran dalam menyembunyikan kandungan yang melebihi port pandang pada peranti ini.

Html dan Body Overflow:hidden Solution

Untuk menyelesaikan isu ini, disyorkan untuk gunakan "overflow:hidden;" kepada kedua-dua elemen HTML dan badan. Pendekatan ini secara berkesan melumpuhkan penatalan pada Safari mudah alih, memastikan kandungan terkurung dalam kawasan yang boleh dilihat pada penyemak imbas.

Pembetulan Khusus iOS 9

Untuk pengguna iOS 9, a sedikit pengubahsuaian diperlukan untuk mencapai hasil yang diinginkan. Selain "overflow:hidden;", tambah "position:relative;" dan "tinggi: 100%;" kepada peraturan CSS untuk kedua-dua HTML dan badan. Pelarasan ini memastikan kelumpuhan tatal yang betul pada peranti iOS 9.

Atas ialah kandungan terperinci Bagaimanakah Saya Lumpuhkan Tatal dalam Safari Mudah Alih?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!