Beberapa gulir di satu halaman

1. Bagaimana Anda menangani beberapa bilah gulir?
2. Mengapa saya memiliki dua batang gulir?
3. Bagaimana cara membuat satu bagian dapat digulir dalam html?

Bagaimana Anda menangani beberapa bilah gulir?

Anda dapat membuat wadah yang dapat digulir dengan overflow: gulir atau overflow-y: gulir . Pendekatan umum adalah memperbaiki ketinggian wadah ini sehingga mereka menggulir. E.g. Untuk membagi tampilan gulir menjadi beberapa wadah yang akan Anda buat e.g. tata letak kisi seperti normal dan meletakkan div gulir bersarang di dalam.

Mengapa saya memiliki dua batang gulir?

Anda pada dasarnya mendapatkan scrollbar ganda karena Anda memberi tubuh min body dari 100VH dan mengatur overflow. Tampaknya ini dilakukan untuk menjaga menu di posisi yang benar di perangkat seluler. Itu memperbaiki hal -hal di Chrome, saya menganggap browser lain juga tetapi saya tidak melakukan pengujian berat.

Bagaimana cara membuat satu bagian dapat digulir dalam html?

Itu dapat dengan mudah dilakukan dengan menggunakan properti overflow. Properti overflow memiliki nilai yang berbeda. E.g., Overflow: Auto; dan prosedur persembunyian poros seperti overflow-x: tersembunyi; dan overflow-y: otomatis; akan membuat bilah yang dapat digulir secara vertikal dan horizontal, dan nilai "otomatis" hanya akan menambah bilah yang dapat digulir secara vertikal.