STICKY ELEMENT

Run
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HTML</title>
<style>
    .container {
	  background-color: cyan;
	  position: sticky;
	  height: 50px;
      top:0;
	  text-align: center;
      
	} 
	a {
	  display: inline-block;
	  text-decoration: none;
	  text-align: center;
	  padding: 12px;
	  font-size: 20px;
	}
	a:hover{
	  background-color: green;
	}
	.wrapper {
	  height: 100px;
	  background-color: #cccccc;
	}
	h2 {
	  text-align: center;
	}
	
</style>
</head>
<body>
    <h2> Scroll Here </h2>
	<h2> Scroll Here </h2>
	<div class="container">
		<a href="#">Menu </a>
		<a href="#">pages </a>
		<a href="#">study</a>
		<a href="#">contact </a>
	</div>
	<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>
</body>
</html>