Example for div not scrolling with rest of page

HTML

<div>a</div>
<div>a</div><div>a</div><div>a</div><div>a</div><div>a</div><div>a</div><div>a</div><div>a</div><div>a</div><div>a</div><div>a</div><div>a</div><div>a</div><div>a</div><div>a</div><div>a</div><div>a</div><div>a</div><div>a</div><div>a</div><div>a</div><div>a</div><div>a</div><div>a</div><div>a</div><div>a</div><div>a19</div><div>a20</div><div>a21</div><div>a22</div><div>a23</div>

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

CSS

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