- Bagaimana cara mengaktifkan pengguliran horizontal di CSS?
- Bagaimana cara memperbaiki masalah gulir di CSS?
- Apa yang menyebabkan CSS gulir horizontal?
Bagaimana cara mengaktifkan pengguliran horizontal di CSS?
Untuk mengaktifkan pengguliran horizontal, kita dapat menggunakan properti CSS Overflow-X. Jika kami menetapkan gulungan nilai ke properti overflow-x dari elemen kontainer, browser akan menyembunyikan konten yang meluap secara horizontal dan membuatnya dapat diakses melalui pengguliran horizontal.
Bagaimana cara memperbaiki masalah gulir di CSS?
Pastikan untuk dicatat, bagaimanapun, scrollbar selalu terlihat untuk menunjukkan bahwa konten berada di luar atau di bawah ketinggian viewport. Untuk memperbaiki masalah ini, hindari menggunakan VW untuk lebar maksimal Anda dan gunakan lebar maksimum 100% sebagai gantinya. Ini akan mentransfer lebar wadah induk ke lebar wadah anak.
Apa yang menyebabkan CSS gulir horizontal?
Browser web tidak memperhitungkan lebar scrollbar di sisi halaman saat menghitung nilai lebar, jadi karena kami memiliki halaman yang lebih panjang dari satu viewport, bagian dari halaman kami diterjemahkan di belakang bilah gulir vertikal, menyebabkan browser menampilkan bilah gulir horizontal.