Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Mencegah Penatalan dan Menyembunyikan Kandungan Melangkaui Port Pandangan pada Peranti iOS?

Bagaimanakah Saya Boleh Mencegah Penatalan dan Menyembunyikan Kandungan Melangkaui Port Pandangan pada Peranti iOS?

Linda Hamilton
Linda Hamiltonasal
2024-12-14 08:45:15937semak imbas

How Can I Prevent Scrolling and Hide Content Beyond the Viewport on iOS Devices?

Sembunyikan Kandungan Di Luar Lipatan pada iPhone/iPad

Melumpuhkan penatalan pada Safari mudah alih untuk halaman yang panjang boleh menjadi satu cabaran. Memohon limpahan: tersembunyi pada elemen sahaja mungkin tidak mencukupi. Berikut ialah penyelesaian yang berkesan:

Penyelesaian:

Gunakan limpahan: tersembunyi; kepada kedua-dua elemen html dan badan:

html,
body {
    overflow: hidden;
}

Untuk iOS 9, anda mungkin memerlukan ini sebaliknya:

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

Ini akan menghalang halaman daripada menatal dan menyembunyikan sebarang kandungan yang melampaui tempat pandang. Ambil perhatian bahawa penyelesaian ini mungkin tidak sesuai untuk semua tapak web, kerana ia boleh memecahkan beberapa fungsi, seperti peluncur atau lungsur turun, yang bergantung pada penatalan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mencegah Penatalan dan Menyembunyikan Kandungan Melangkaui Port Pandangan pada Peranti iOS?. 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