Scroll bar digunakan untuk mengubah posisi konten yang ditampilkan di jendela aplikasi, paling sering halaman dokumen. Secara default, mereka muncul secara otomatis dalam kasus di mana lebar atau tinggi jendela tidak cukup untuk menampilkan seluruh halaman yang terbuka. Oleh karena itu, untuk menghilangkan bilah gulir horizontal, Anda perlu mengubah lebar halaman atau jendela aplikasi yang terbuka.
instruksi
Langkah 1
Perkecil halaman - ini adalah cara termudah untuk menghapus bilah gulir horizontal saat melihat halaman. Di browser apa pun, ini dapat dilakukan dengan memutar roda mouse ke arah Anda sambil menahan tombol ctrl. Banyak editor teks (misalnya, Microsoft Word) juga mendukung kontrol zoom halaman tersebut. Di browser, Anda juga dapat menggunakan tombol minus sebagai ganti mouse. Setiap klik atau putaran roda one stop akan memperkecil 10% hingga ukuran horizontal cukup besar untuk menampilkan halaman tanpa scroll bar horizontal.
Langkah 2
Gunakan kemampuan browser untuk mengutak-atik kode sumber halaman web dan mengubah gaya tampilan yang ditentukan di dalamnya agar sesuai dengan lebar jendela - beberapa browser web memiliki opsi ini. Misalnya, di browser Opera, Anda hanya perlu mengklik ikon "Fit to Width" dan bilah gulir horizontal akan hilang, dan kolom halaman yang dilihat akan berubah ukurannya. Jika perlu untuk kembali ke tata letak halaman yang ditentukan oleh pembuatnya, klik ikon ini lagi.
Langkah 3
Saat membuat halaman web, gunakan properti CSS overflow-x untuk secara paksa menonaktifkan pengguliran horizontal seluruh halaman atau elemen blok individualnya. Properti ini telah diperkenalkan di CSS sejak versi 3.0 dan didukung oleh semua browser modern. Nilai yang dapat ditetapkan untuknya adalah otomatis, tersembunyi, gulir, terlihat. Jika properti ini tidak ditentukan dalam deskripsi gaya, maka properti ini dianggap memiliki nilai otomatis, yaitu pengguliran horizontal akan muncul ketika konten tidak sesuai dengan lebar elemen. Untuk menonaktifkan pengguliran untuk semua kasus, gunakan nilai tersembunyi. Sebagai contoh:
tubuh {overflow-x: tersembunyi;}
