Kaedah css untuk menjadikan paksi skrol tidak kelihatan: 1. Gunakan pemilih "::-webkit-scrollbar" untuk memilih objek paksi skrol, 2. Gunakan atribut paparan untuk menetapkan gaya paksi skrol kepada tidak kelihatan. Sintaksnya ialah: "::-webkit-scrollbar{display:none;}".
Persekitaran pengendalian tutorial ini: sistem Windows 10, versi CSS3&&HTML5, komputer Dell G3.
Cara membuat paksi skrol tidak kelihatan dalam css
Dalam css, anda boleh menggunakan pemilih "::-webkit-scrollbar" untuk pilih bar skrol , fungsi pemilih ini adalah untuk memilih objek bar skrol dan menetapkan gaya.
Sintaksnya ialah:
1 |
|
Mari kita ambil contoh untuk melihat cara menetapkan bar skrol menjadi halimunan Contohnya adalah seperti berikut:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
|
Hasil keluaran:
Selepas menambah gaya ::-webkit-scrollbar {display:none}:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 |
|
Hasil output:
(Mempelajari perkongsian video: tutorial video css)
Atas ialah kandungan terperinci Bagaimana untuk membuat paksi skrol tidak kelihatan dengan css. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!