Mengapa Bar Skrol Saya Tidak Muncul di Tapak Web iPad Saya?

Isu Paparan Bar Tatal iOS dengan Limpahan CSS

Dalam percubaan untuk mendayakan bar skrol dalam elemen div pada tapak web iPad menggunakan CSS, limpahan hartanah nampaknya tidak berkesan walaupun ia berfungsi dengan baik dalam pelayar desktop. Khususnya, sifat berikut telah diuji tanpa kejayaan:

overflow: auto;
overflow: scroll;

Penjelasan Isu

Peranti iOS telah memilih untuk mengelakkan pelaksanaan bar skrol yang kelihatan, mengutamakan ruang skrin untuk paparan kandungan. Akibatnya, pengguna dijangka menggunakan ciri tatal dua jari untuk menavigasi kandungan yang melimpah.

Penyelesaian

Tatal Limpahan WebKit:

Dari iOS 5beta dan seterusnya, sifat -webkit-overflow-scrolling: touch boleh dimanfaatkan untuk mencetuskan gelagat bar skrol yang diingini.

JavaScript dan jQTouch:

Sebagai alternatif, adalah mungkin untuk membuat bar skrol tersuai untuk elemen limpahan menggunakan JavaScript, berpotensi bersama-sama dengan jQTouch.

Pertanyaan Media:

Untuk memastikan pengalaman yang lancar merentas peranti, pertanyaan @media boleh digunakan untuk mengalih keluar limpahan pada peranti iOS, membenarkan kandungan dipaparkan tanpa memerlukan bar skrol.

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

Atas ialah kandungan terperinci Mengapa Bar Skrol Saya Tidak Muncul di Tapak Web iPad Saya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!