Bilah gulir adalah bilah vertikal dan horizontal di sepanjang kanan (saat menulis dari kiri ke kanan) dan tepi bawah jendela atau area terpisah di dalam jendela, yang dirancang untuk memindahkan konten secara vertikal atau horizontal. Halaman web menggunakan elemen Cascading Style Sheets (CSS) yang disematkan dalam HTML untuk mengontrol tampilan dan perilakunya.
instruksi
Langkah 1
Gunakan tag div jika Anda ingin membuat scrollbar bukan untuk seluruh halaman, tetapi hanya untuk area terbatas saja. Dalam HTML (HyperText Markup Language), "tag" mengacu pada perintah individual untuk browser untuk menampilkan elemen halaman tertentu. Dalam bentuknya yang paling sederhana, tag div (sering disebut sebagai "lapisan") ditulis seperti ini:
Ini adalah teks di dalam layer
Berikut adalah tag pembuka dan tag penutup. Segala sesuatu yang ditempatkan di antara tag pembuka dan penutup berada di lapisan seperti dalam wadah dan wadah ini dapat berdimensi - lebar dan tinggi. Ini dilakukan dengan menggunakan gaya parameter ("atribut") tambahan, yang harus ditambahkan ke tag pembuka:
Ini adalah teks di dalam layer
Langkah 2
Sertakan juga atribut style dari tag div dan aturan untuk scrollbar layer:
Ini adalah teks di dalam layer
Di sini overflow: auto berarti bahwa scrollbar akan muncul secara otomatis, yaitu ketika konten lapisan tidak sesuai dengan dimensi yang ditentukan. Jika auto diganti dengan scroll, maka strip-strip ini akan selalu ada, terlepas dari apakah dibutuhkan atau tidak. Nilai tersembunyi akan memiliki efek sebaliknya - gulungan tidak akan pernah muncul, bahkan jika isi wadah ini tidak terlihat di luar tepinya.
Langkah 3
Gunakan metode serupa untuk menambahkan bilah gulir ke halaman secara keseluruhan. Secara default, mereka muncul sesuai kebutuhan, tetapi jika karena alasan apa pun ada kebutuhan untuk kehadiran konstan mereka di halaman, maka aturan gaya yang sesuai harus ditambahkan ke kode-html sumber. Temukan tag penutup kepala dokumen dalam kode halaman dan tulis instruksi gaya ini di depannya:
tubuh {melimpah: gulir;}
