Multiple scrollbars on one page

1. How do you handle multiple scroll bars?
2. Why do I have two scroll bars?
3. How do I make one section scrollable in HTML?

How do you handle multiple scroll bars?

You can make any container scrollable with overflow: scroll or overflow-y: scroll . The general approach is to fix the height of these containers so they scroll. E.g. To split the scrolling views into multiple containers you would make e.g. a grid layout like normal and put a nested scrolling div inside.

Why do I have two scroll bars?

You're basically getting a double scrollbar because your giving the body min-height of 100vh AND setting an overflow. It appears this was done to keep the menu in the correct position on mobile devices. That fixed things in Chrome, I assume other browsers as well but I didn't do any heavy testing.

How do I make one section scrollable in HTML?

It can be easily done by using the overflow property. The overflow property has different values. E.g., overflow: auto; and an axis hiding procedure like overflow-x: hidden; and overflow-y: auto; will make a bar scrollable vertically and horizontally, and the "auto" value will add only a vertically scrollable bar.