I am currently working on a website that features the following structure:
<body>
<section></section>
<section></section>
...
</body>
To prevent scroll bars on the body, I have set the CSS property body{overflow:hidden}. Instead of scrolling, I am using navigation buttons to switch between sections. Each section has a default height of 100vh and a min-height as well. However, I am facing an issue – how can I make a section scrollable when the viewport height is less than its min-height? Any solutions or suggestions would be greatly appreciated!