<!DOCTYPE html>
<html>

<head>
	<title>Sticky Header</title>
	<meta charset="UTF-8" />
</head>

<body id="wrapper">
  
	<h1 id="sticky">A Panda Bear</h1>
  
	<main id="scroll-element">
		<img alt="A panda bear" src="https://images.unsplash.com/photo-1526716121440-dc3b4f254a0a" height="500px"/>
	</main>

</body>

</html>
#wrapper {
  height: 500px;
  display: grid;
}

#scroll-element {
  overflow: auto;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.