Cara memasang bilah gulir di halaman saya

Langkah 1

Buka aplikasi Notepad dan salin kode di bawah ini:

.scrollbars {overflow: gulir; tinggi: 300px;}

Kode di atas mendefinisikan properti "overflow" dan membuat kotak gulir yang 300px.

Langkah 2

Simpan file dalam langkah 1 sebagai "scrollbar.css".

Langkah 3

Buka halaman di mana Anda ingin scroll bar muncul dan tambahkan kode berikut ke bagian antara tab dan:

Baris kode ini mengacu pada "scrollbar.css" yang Anda buat dan menambahkan informasi dari file itu ke halaman Anda.

Langkah 4

Gunakan tab untuk menambahkan bilah gulir ke bagian-bagian halaman di mana Anda ingin bilah gulir diterapkan sebagaimana ditunjukkan:

My Page Contents (Isi halaman saya) Kode sebelumnya menambahkan scroll bar ke area halaman yang berisi "My Page Contents". Anda dapat menentukan bagian lain dari halaman, cukup dengan menambahkan baris "ke div target.

Langkah 5

Simpan "scrollbars.css" dan halaman untuk menampilkan scroll bar di direktori yang sama.

Langkah 6

Buka halaman dengan browser web untuk melihat apakah itu dilakukan dengan benar.

Referensi

• Boutell: Bagaimana cara menambahkan bilah gulir ke bagian halaman? (Bagaimana cara menambahkan bilah gulir ke bagian halaman?)

Lebih banyak artikel

• Mengapa bilah gulir terkadang menghilang dari halaman web?
• Bagaimana cara menambahkan scroll bar dalam DIV
• Cara menambahkan bilah gulir dalam Visual Basic
• Bagian-bagian kode batang
• Bagaimana menemukan barang dengan barcode
• Cara membuat barcode di Excel
• Bagaimana cara membuat panel gulir panel sentuh berfungsi?