FIXED SIDE NAV
Run 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HTML</title>
<style>
   .menu {
	  width: 130px;
	  position: fixed;
	  z-index: 1;
	  top: 20px;
	  left: 10px;
	  background: #eee;
	  overflow-x: hidden;
	  padding: 8px 0;

      
	}
     /* Styling the links */
	 
	.menu a {
	  background-color: #dddddd;
      display: block;	  
	  color: blue; 
	  padding: 12px; 
	  text-decoration: none; 
	  font-size : 20px;
	}
	.container {
	  margin-left: 150px;
	  padding: 0px 10px;
	}
</style>
</head>
<body>
    <div class="menu">
	  <a href="link" class="active">Home</a>
	  <a href="link">Menu</a>
	  <a href="link">study</a>
	  <a href="link">contact</a>
	</div>
	<div class="container">
	  <h2> Fixed side navigation </h2>
	  <h2> Scroll Here </h2>
	  <h2> Scroll Here </h2>
	  <h2> Scroll Here </h2>
	  <h2> Scroll Here </h2>
	  <h2> Scroll Here </h2>
	  <h2> Scroll Here </h2>
	  <h2> Scroll Here </h2>
	  <h2> Scroll Here </h2>
	  <h2> Scroll Here </h2>
	  <h2> Scroll Here </h2>
	  <h2> Scroll Here </h2>
	  <h2> Scroll Here </h2>
	</div>

</body>
</html>