Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Mencegah Penatalan pada Safari Mudah Alih?

Bagaimanakah Saya Boleh Mencegah Penatalan pada Safari Mudah Alih?

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-12-07 01:27:13636semak imbas

How Can I Prevent Scrolling on Mobile Safari?

Mengawal Gelagat Tatal pada Safari Mudah Alih

Tapak web anda menampilkan kandungan yang luas dan anda mencari kaedah untuk menyekat penatalan halaman, menyembunyikan maklumat di luar kawasan kelihatan viewport. Fungsi ini penting terutamanya pada peranti iPhone dan iPad.

Percubaan Penyelesaian Masalah Awal

Melaksanakan limpahan: tersembunyi; secara eksklusif pada dalam CSS anda nampaknya tidak menangani isu menatal pada Safari mudah alih. Selain itu, mencipta pembalut yang komprehensif di sekitar tapak web anda bukanlah penyelesaian yang berdaya maju.

Penyelesaian Berkesan

Untuk melumpuhkan penatalan pada Safari mudah alih dengan berkesan, pertimbangkan pendekatan berikut:

  • Gunakan limpahan: tersembunyi; kepada kedua-dua dan elemen dalam CSS anda. Teknik ini telah terbukti berkesan dalam menyelesaikan isu menatal yang serupa.
html,
body {
    overflow: hidden;
}
  • Untuk peranti iOS 9, penyelesaian alternatif mungkin diperlukan:
html,
body {
    overflow: hidden;
    position: relative;
    height: 100%;
}

Dengan melaksanakan tweak CSS ini, anda boleh menghalang penatalan pada Safari mudah alih dan memastikan kandungan halaman anda kekal dalam paparan yang boleh dilihat. tempat pandang.

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

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn