Ketika saya mengatur overflow: scroll
, saya mendapatkan scrollbar horisontal dan vertikal.
Apakah ada cara untuk menghapus scrollbar horizontal di div?
Ketika saya mengatur overflow: scroll
, saya mendapatkan scrollbar horisontal dan vertikal.
Apakah ada cara untuk menghapus scrollbar horizontal di div?
overflow-x: hidden;
Jangan lupa menulis
overflow-x: hidden;
Kode tersebut harus:
sumber
Dengan
overflow-y: scroll
, bilah gulir vertikal akan selalu ada meskipun tidak diperlukan. Jika Anda ingin y-scrollbar hanya terlihat ketika dibutuhkan, saya menemukan ini berfungsi:sumber
CSS
Lihat di jsFiddle .
Perhatikan jika Anda menghapus
-y
darioverflow-y
properti, bilah gulir horizontal ditampilkan.sumber
Tambahkan kode ini ke CSS Anda. Ini akan menonaktifkan scrollbar horizontal.
sumber
Tidak ada gulir (tanpa menentukan x atau y):
Hapus gulir horizontal:
Hapus gulir vertikal:
sumber
Untuk menyembunyikan scrollbar horizontal, kita cukup memilih scrollbar dari div yang diperlukan dan mengaturnya
display: none;
Satu hal yang perlu diperhatikan adalah ini hanya akan berfungsi untuk browser berbasis WebKit (seperti Chrome) karena tidak ada opsi seperti itu tersedia untuk Mozilla.
Untuk memilih bilah gulir, gunakan
::-webkit-scrollbar
Jadi kode akhir akan seperti ini:
sumber
Untuk menghapus bilah gulir horizontal, gunakan kode berikut. 100% berfungsi.
sumber
Jika Anda tidak memiliki sesuatu yang melimpah secara horizontal, Anda juga bisa menggunakannya
dan itu hanya akan menampilkan bilah gulir bila diperlukan.
Lihat Properti Overflow CSS
sumber
Menggunakan:
Ini akan menampilkan scrollbar vertikal dan hanya jika ada overflow vertikal, jika tidak, itu akan disembunyikan.
Jika Anda memiliki overflow x dan y, maka scrollbar x dan y akan ditampilkan.
Untuk menyembunyikan bilah gulir x (horizontal), meskipun ada, tambahkan saja:
sumber
Untuk menyembunyikannya
scrollbar
, tetapi pertahankan perilakunya.Ada batasan untuk ini.
sumber
Gunakan potongan kode ini ..
sumber
Saya mengalami masalah di mana saya menggunakan
Tapi saya tahu CSS tidak begitu menyukainya dan tidak berfungsi 100% seperti yang saya inginkan.
Namun, ini adalah solusi sempurna karena tidak ada konten saya yang seharusnya lebih besar dari yang dimaksudkan dan ini telah memperbaiki masalah yang saya miliki.
sumber