how to fix a bar to the top of the web page while scrolling code example

Example: how to fix the nav bar to the left of the page

.sidenav {
  height: 100%;
  width: 160px;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  overflow-x: hidden;
}