Example for div not scrolling with rest of page

by PJM257

HTML

<div id="div1">
  Example
</div>



<br>a
<br>a
<br>a
<br>a
<br>a
<br>a
<br>a
<br>a
<br>a
<br>a
<br>a
<br>a
<br>a
<br>a
<br>a
<br>a
<br>a
<br>a
<br>a
<br>a
<br>a
<br>a
<br>a
<br>a
<br>a
<br>a
<br>a
<br>a
<br>a
<br>a
<br>a
<br>a
<br>a
<br>a
<br>a
<br>a
<br>a
<br>a
<br>a
<br>a
<br>a

CSS

#div1 {
  position: fixed;
  background: blue;
  font-size: 50px;
}