Rumah > Artikel > hujung hadapan web > Bagaimana untuk membatalkan bar skrol dalam css
CSS (Cascading Style Sheets) ialah bahasa yang digunakan untuk menyatakan gaya dokumen. Ia menyediakan banyak atribut gaya dan peraturan untuk membantu kami mencapai reka letak dan pembentangan halaman web. Antaranya, bar skrol ialah elemen halaman web biasa, tetapi kadangkala kita mungkin mahu membatalkan paparannya. Artikel ini akan memperkenalkan cara menggunakan CSS untuk membatalkan bar skrol.
1. Batalkan bar skrol menegak
body { overflow-y:hidden; }
body::-webkit-scrollbar { width: 0px; }
body::-ms-scrollbar { width: 0px; }
2. Batalkan bar skrol mendatar
body { overflow-x:hidden; }
body::-webkit-scrollbar-horizontal { height: 0px; }
body::-ms-scrollbar-horizontal { height: 0px; }
3. Batalkan anak panah bar skrol
Selain menyembunyikan bar skrol itu sendiri, kadangkala anda juga perlu menyembunyikan anak panah bar skrol (juga dipanggil butang bar skrol ). Berikut ialah beberapa cara untuk melakukannya.
body::-webkit-scrollbar-button { background-color: transparent; }
body::-ms-scrollbar-button { background-color: transparent; }
4. Batalkan trek bar skrol
Trek bar skrol merujuk kepada garisan di sebelah bar skrol dan juga kawasan yang boleh diseret oleh pengguna. Berikut ialah beberapa cara untuk menyahaktifkan trek bar skrol.
body::-webkit-scrollbar-track { background-color: transparent; }
body::-ms-scrollbar-track { background-color: transparent; }
Ringkasan
Di atas ialah beberapa cara untuk membatalkan bar skrol menggunakan CSS. Sudah tentu, keserasian kaedah ini mungkin berbeza-beza dalam pelayar yang berbeza, dan kami perlu membuat pilihan dan pelarasan berdasarkan keadaan tertentu. Dalam aplikasi praktikal, kami juga perlu mempertimbangkan secara menyeluruh faktor seperti reka bentuk halaman, pengalaman pengguna dan keserasian penyemak imbas untuk memutuskan sama ada untuk menggunakan kaedah ini.
Atas ialah kandungan terperinci Bagaimana untuk membatalkan bar skrol dalam css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!