CSS Bară de navigare. Bară de navigare verticală completă de înălțime completă.

Bară de navigare verticală completă de înălțime completă (Full-height Fixed Vertical Navbar)

Creați o navigare laterală full-height, "înaltă".





Exemplu:

ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 25%;
  background-color: #f1f1f1;
  height: 100%; /* Inălțime maxima  */
  position: fixed; /*  Faceți-l să se lipească, chiar și pe defilare */
  overflow: auto; /* Activați derularea dacă sidenav are prea mult conținut */
}