<!DOCTYPE html>
<html>
  <head>
    <title>scroll</title>
    <link rel="icon" href="data:,">
  </head>
  <body>
    <div id="overflow-box" style="height: 100px; overflow-y: auto">
      <div style="height: 300px;">
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin lacus odio, dapibus id bibendum in, rhoncus sed dolor. In quis nulla at diam euismod suscipit vitae vitae sapien. Nam viverra hendrerit augue a accumsan. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce fermentum tortor at neque malesuada sodales. Nunc quis augue a quam venenatis pharetra sit amet et risus. Nulla pharetra enim a leo varius scelerisque aliquam urna vestibulum. Sed felis eros, iaculis convallis fermentum ac, condimentum ac lacus. Sed turpis magna, tristique eu faucibus non, faucibus vitae elit. Morbi venenatis adipiscing aliquam.</p>
      </div>
      <p>
        <a href="/">Link outside viewport</a>
      </p>
    </div>
    <div style="height: 1000px"></div>
    <a href="/">
      <div>Below the fold</div>
    </a>
  </body>
</html>
