Rumah >hujung hadapan web >tutorial css >Mengapa Bar Skrol CSS Tiada pada Peranti iOS?

Mengapa Bar Skrol CSS Tiada pada Peranti iOS?

DDD
DDDasal
2024-10-27 08:10:031036semak imbas

Why are CSS Scrollbars Missing on iOS Devices?

Tidak Dapat Memaparkan Bar Skrol dengan CSS Overflow pada iOS

Apabila membangunkan tapak web untuk iPad, menggunakan limpahan sifat CSS: auto untuk mendayakan bar skrol dalam div mungkin terbukti tidak berkesan. Walaupun gerak isyarat skrol dua jari berfungsi dengan betul, bar skrol kekal tersembunyi. Percubaan untuk menggunakan kedua-dua limpahan: auto dan limpahan: tatal tidak membuahkan hasil.

Gelagat iOS

Malangnya, tiada limpahan: auto atau tatal menghasilkan bar skrol pada peranti iOS. Ini dilaporkan disebabkan oleh ruang skrin yang akan diduduki oleh kawalan ini.

Penyelesaian Alternatif

Untuk mengimbangi kekurangan bar skrol pada iOS:**

  • Gunakan leret dua jari: Pengguna boleh menatal kandungan yang melimpah dengan melakukan leret dua jari.
  • Buat bar skrol tersuai: Laksanakan Penyelesaian JavaScript atau jQTouch untuk mencipta bar skrol anda sendiri untuk unsur limpahan.
  • Alih keluar limpahan menggunakan pertanyaan @media: Alih keluar sifat limpahan menggunakan pertanyaan @media apabila lebar peranti berada di bawah ambang tertentu, memastikan kandungan dipaparkan sepenuhnya. Pendekatan ini menyelaraskan pengalaman pengguna untuk pengguna iPhone.

Atas ialah kandungan terperinci Mengapa Bar Skrol CSS Tiada 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