HIDDEN SCROLL BAR
Run 
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>HTML</title>
<style>
	.container {
	    height: 100%;
		width: 100%;
		border: 1px solid green;
		overflow: hidden;
		position: relative;
	
	}
	.child {
		position: absolute;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: -15px;
		border: 1px solid blue;
		overflow: auto;
	}
	html , body {
	    height: 99%;
		border: 1px solid red;
		overflow:hidden;
	}
	
</style>
</head>
<body>
    <div class="container">
	    <div class="child">
	  
		  <h2> Hiding the scrollbar </h2>
		  <h3> Scroll Here </h3>
		  <h3> Scroll Here </h3>
		  <h3> Scroll Here </h3>
		  <h3> Scroll Here </h3>
		  <h3> Scroll Here </h3>
		  <h3> Scroll Here </h3>
		  <h3> Scroll Here </h3>
		  <h3> Scroll Here </h3>
		  <h3> Scroll Here </h3>
		  <h3> Scroll Here </h3>
		  <h3> Scroll Here </h3>
		  <h3> Scroll Here </h3>
		  <h3> Scroll Here </h3>
		  <h3> Scroll Here </h3>
		  <h3> Scroll Here </h3>
		  <h3> Scroll Here </h3>
		  
	    </div>
	 </div>
	
</body>
</html>