Artikel Pengenalan Wulin.com (www.vevb.com): Hapus bilah gulir horizontal dari iframe dan pertahankan bilah gulir vertikal.
1. Pengaturan saat overflow overflow (atur apakah objek yang diatur menampilkan bilah gulir)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-COLOR Warna tepi cerah dari scrollbar tiga dimensi (atur warna scrollbar)
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
Properti gaya di atas dijelaskan melalui beberapa contoh:
1. Buat jendela browser tidak pernah muncul scrollbars
Tidak ada bilah gulir horizontal
<Gaya Tubuh = Overflow-X: Hidden>
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
<TextArea style = overflow-x: Hidden> </textarea>
Tidak ada bilah gulir vertikal
<TextArea style = overflow-y: Hidden> </pextarea>
Tidak ada scrollbar
<TextArea style = overflow-x: tersembunyi; overflow-y: tersembunyi> </pextarea>
atau <TextArea style = overflow: Hidden> </pextarea>
3. Atur warna bilah gulir jendela
Atur warna scrollbar jendela menjadi merah <body style = scrollbar-base-color: red>
SCROLLBAR-BASE-Color mengatur warna dasar. Secara umum, hanya properti ini yang perlu diatur untuk mencapai tujuan mengubah warna scrollbar.
Tambahkan efek khusus:
<gaya tubuh = scrollbar-arrow-color: kuning; scrollbar-base-color: lightsalmon>
4. Tentukan kelas dalam file stylesheet dan hubungi stylesheet.
<tyle>
.coolscrollbar {scrollbar-arrow-color: yellow; scrollbar-base-color: lightsalmon;}
</tyle>
Disebut seperti ini:
<TextArea class = coolscrollbar> </textarea>