Rumah > hujung hadapan web > tutorial css > Mengapa Bar Skrol Tiada pada Laman Web iPad Saya dalam iOS?

Mengapa Bar Skrol Tiada pada Laman Web iPad Saya dalam iOS?

DDD
Lepaskan: 2024-10-27 05:24:03
asal
552 orang telah melayarinya

Why Are Scrollbars Missing on My iPad Website in iOS?

Kekecewaan Bar Tatal iOS: Menyelesaikan Masalah CSS Limpahan

Membangunkan untuk tapak web iPad, anda terjumpa isu yang tidak dijangka: sifat limpahan CSS (limpahan: auto atau tatal) gagal memaparkan bar skrol walaupun mendayakan tatal dua jari. Keanehan ini eksklusif untuk peranti iOS.

Menangani Isu:

Pembetulan Kemas Kini (iOS 5beta dan Seterusnya):

Seperti yang dinyatakan oleh kritzikratzi, sifat baharu yang diperkenalkan dalam iOS 5beta (-webkit-overflow-scrolling: touch) boleh menyelesaikan isu ini, mencetuskan kelakuan menatal yang dijangkakan.

Pemulihan Asal (iOS 5 dan Di bawah):

Malangnya, tiada limpahan: auto atau tatal menjana bar skrol pada peranti iOS kerana ruang skrin yang terhad. Sebaliknya, mekanisme leret dua jari ialah kaedah yang ditetapkan untuk menatal kandungan yang melimpah.

Alternatif:

  • JavaScript dan jQuery: Manfaatkan JavaScript dan perpustakaan seperti jQuery untuk mencipta bar skrol tersuai untuk elemen limpahan.
  • @media Pertanyaan: Gunakan pertanyaan @media untuk menyembunyikan limpahan dan membentangkan kandungan sepenuhnya apabila menggunakan peranti iPhone.

Contoh menggunakan pertanyaan @media:

<link rel="stylesheet" href="handheld.css" media="only screen and (max-device width:480px)" />
Salin selepas log masuk

Atas ialah kandungan terperinci Mengapa Bar Skrol Tiada pada Laman Web iPad Saya dalam 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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan