How to make a fixed header with scrollable content
A minimal HTML structure for fixed headers with a scrollable content area underneath.
#css#positioning#scrollable-content#ui-patterns
Usually we need a header that stays fixed at the top of the HTML page and below it a scrollable space.
<div class="m-3 h-100 d-flex flex-column">
<div id="header">
<div>
<div class="overflow-auto" id="app-site-administration-container-content-body">
<router-outlet></router-outlet>
</div>
</div>