Gunakan CSS untuk memodifikasi scrollbars
1. Pengaturan saat overflow konten overflow
Pengaturan saat overflow-x konten horizontal meluap
Pengaturan saat meluapnya konten vertikal
Nilai yang ditetapkan oleh tiga atribut di atas terlihat (default), gulir, tersembunyi, dan otomatis.
2. SCROLLBAR-3D-LIGHT-LIGHT-COLOR Tiga dimensi scrollbar terang warna tepi
warna scrollbar-arrow-warna panah segitiga di atas tombol
scrollbar-base-color scrollbar warna dasar
scrollbar-dark-shadow-color-color scrollbar warna bayangan kuat
warna scrollbar-face-color bagian cembung dari scrollbar tiga dimensi
warna scrollbar-highlight-color bagian kosong dari scrollbar
Warna warna-warna-scrollbar-shadow dari bayangan scrollbar stereoskopis
Nilai yang ditetapkan oleh tujuh atribut di atas adalah nilai warna, dan Anda dapat menggunakan berbagai ekspresi yang ditentukan oleh style sheet.
Dengan menggunakan konten definisi gaya di atas, kami dapat menentukan apakah bilah gulir ditampilkan dan gaya warna jendela browser dan kotak teks multi-line. Set atribut gaya pertama digunakan untuk mengatur apakah bilah gulir ditampilkan. Set atribut gaya kedua digunakan untuk mengatur warna bilah gulir. Atribut gaya yang terlibat dalam artikel ini hanya dapat didukung oleh IE. Rangkaian atribut gaya kedua hanya dapat didukung oleh IE Versi 5.5, jadi harap perhatikan saat debugging.
Kami akan menjelaskan sifat gaya di atas melalui beberapa contoh:
1. Buat jendela browser tidak pernah muncul scrollbars
Tidak ada bilah gulir horizontal
<gaya tubuh = overflow-x: tersembunyi>
Tidak ada bilah gulir vertikal
<gaya tubuh = overflow-y: tersembunyi>
Tidak ada scrollbar
<gaya tubuh = overflow-x: tersembunyi; overflow-y: tersembunyi> atau <body style = overflow: hidden>
2. Atur bilah gulir kotak teks multi-line
Tidak ada bilah gulir horizontal
Salin kode