Estoy tratando de hacer un panel de administración simple. Agregué una barra lateral como diseño. Quiero mantenerlo arreglado. Pero cuando me desplazo hacia abajo en la página, mi barra lateral también se desplaza hacia abajo. Así es como se ve al principio de la página:

Y cuando me desplazo hacia abajo en la página:

Quiero mantenerlo como en la imagen 1, incluso la página se desplaza hacia abajo. El comienzo de la barra lateral es así:

 <ul class="navbar-nav bg-gradient-primary sidebar sidebar-dark accordion" id="accordionSidebar" style="max-height:100%">

Editar: probé .navbar-nav { position: fixed; left: 0; top: 0; bottom: 0, width: 150px; } y el resultado es: