- Bagaimana cara menyembunyikan scrollbar dan masih menggulir?
- Bagaimana cara menampilkan scrollbar hanya saat dibutuhkan?
Bagaimana cara menyembunyikan scrollbar dan masih menggulir?
Untuk membuatnya tidak terlihat tanpa memengaruhi gulir, Anda hanya perlu menargetkan elemen tubuh menggunakan ::-Webkit-Scrollbar Pseudo Selector dan mengatur tampilan ke None . Seperti yang Anda lihat di bawah, scrollbar tidak lagi terlihat, tetapi halaman masih dapat digulir untuk mouse dan keyboard.
Bagaimana cara menampilkan scrollbar hanya saat dibutuhkan?
Gunakan overflow: otomatis . Gulir hanya akan muncul saat dibutuhkan. (Sidenote, Anda juga dapat menentukan hanya untuk x, atau y scrollbar: overflow-x: otomatis dan overflow-y: otomatis).