Bagaimanakah Saya Boleh Lumpuhkan Tatal dalam Safari Mudah Alih?

Melumpuhkan Tatal dalam Safari Mudah Alih: Panduan Komprehensif

Safari Mudah Alih, sambil menawarkan pengalaman menyemak imbas yang intuitif, boleh menimbulkan cabaran apabila cuba melumpuhkan menatal pada halaman yang panjang. Isu ini timbul apabila kandungan melangkaui skrin yang boleh dilihat pengguna, yang berpotensi membawa kepada tingkah laku menatal yang tidak diingini.

Untuk menangani perkara ini, seseorang mungkin secara naluri menggunakan sifat 'overflow:hidden' CSS pada elemen badan. Walau bagaimanapun, pendekatan ini sering gagal dalam persekitaran Safari mudah alih, menyebabkan pembangun bingung.

Untuk mengatasi pengehadan ini, penyelesaiannya terletak pada melanjutkan sifat 'overflow:hidden' di luar elemen badan untuk memasukkan elemen HTML juga. Dengan menetapkan kedua-dua 'html' dan 'body' untuk mempunyai 'overflow:hidden', anda berkesan menghalang tetingkap penyemak imbas daripada menatal, mengehadkan kandungan ke port pandangan yang boleh dilihat.

html,
body {
    overflow: hidden;
} 

Untuk iOS 9 khususnya, tambahan tweak mungkin perlu:

html,
body {
    overflow: hidden;
    position: relative;
    height: 100%;
}

Dengan menggunakan perubahan CSS ini, anda boleh melumpuhkan penatalan pada Safari mudah alih dengan berkesan, memastikan anda kandungan kekal kemas dalam skrin kelihatan pengguna.

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