Cara terbaik untuk menangani pengguliran horizontal untuk beralih daftar data?

1. Bagaimana cara membuat wadah gulir horizontal?
2. Apa itu gulir horizontal?
3. Mengapa situs web saya menggulir secara horizontal?

Bagaimana cara membuat wadah gulir horizontal?

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.

Apa itu gulir horizontal?

Gulir horizontal adalah metode navigasi satu halaman yang dapat digunakan desainer. Dalam metode ini, pengguna dapat menggunakan fungsionalitas yang berbeda pada halaman untuk menggulir kanan atau kiri, untuk melihat lebih banyak informasi di dalam wadah atau jendela. Pengguna gulir secara horizontal dengan mengklik bilah gulir dan menyeretnya dengan mouse atau jari mereka.

Mengapa situs web saya menggulir secara horizontal?

Singkatnya: Jika Anda menggunakan lebar: 100VW pada halaman yang memiliki scrollbar vertikal Anda berakhir dengan luapan horizontal. Perbaikan yang mudah adalah menggunakan lebar: 100% sebagai gantinya. Persentase tidak termasuk lebar scrollbar, jadi akan secara otomatis pas.