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

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

DDD
DDDasal
2024-10-27 05:24:03471semak imbas

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)" />

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!

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