I am looking to create a scrollable list with a fixed header, where the scroll bar extends the full height of the parent but only scrolls through the nav items (keeping the logo in place).
My current setup involves:
<div className="home-page-nav">
<div className="logo"></div>
<div className="nav-items">
<div className="nav-item"></div>
....
</div>
</div>
And using this CSS:
.home-page-nav {
overflow:auto;
overflow-y:scroll;
}
.logo {
position: fixed;
}
This is the desired outcome: