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
Lepaskan: 2024-12-14 08:45:15
asal
930 orang telah melayarinya

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;
}
Salin selepas log masuk

Untuk iOS 9, anda mungkin memerlukan ini sebaliknya:

html,
body {
    overflow: hidden;
    position: relative;
    height: 100%;
}
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan