Itu ' s Betapa saya tatal

Bagaimanakah anda dapat mengetahui jika laman web (atau elemen tertentu) boleh ditatal? Kehadiran bar skrol adalah penunjuk yang jelas. Walaupun perdebatan mengenai kandungan "di atas lipatan" berterusan, fungsi dan makna bar skrol umumnya difahami.

Walau bagaimanapun, bar skrol sering tersembunyi. MacOS, sebagai contoh, menyembunyikannya kecuali secara aktif menatal. Penyemak imbas mudah alih sering kekurangan bar skrol yang kelihatan, walaupun overflow: scroll; digunakan.

Ini penting kerana kawasan scrollable yang tidak dapat dikesan dapat mengaburkan kandungan atau fungsi penting.

Pertimbangkan anekdot Tyler Hall yang "sempurna dipotong". Skrin iOS dengan ciri -ciri penting yang diperlukan menatal, namun tidak memberikan isyarat visual yang menunjukkan ini. Akibatnya? Ibu Tyler tidak dapat mencari fungsi yang biasa -kegagalan kebolehgunaan yang signifikan.

Walaupun kaedah wujud untuk mengesan dan memaksa scrollbars yang kelihatan, mereka mempunyai kelemahan. Mereka mungkin menimpa keutamaan pengguna, menuntut manipulasi DOM, dan bergantung kepada CSS yang berpotensi usang.

Pendekatan Chris Smith menawarkan alternatif yang unggul:

Teknik berasaskan bayangan sangat berkesan. Bayang -bayang inset jelas mencadangkan kandungan yang mendasari, dengan bayang -bayang itu sendiri bertindak sebagai isyarat visual untuk arah tatal. Kaedah CSS-sahaja ini menawarkan kawalan dan kesesuaian yang sangat baik kepada pelbagai konteks UI. Ia adalah helah CSS yang bijak yang mengelakkan JavaScript sepenuhnya.

Atas ialah kandungan terperinci Itu ' s Betapa saya tatal. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!