scrollframe-2.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html>

  <body onload="loaded()">

    <div style="position: relative; top: 100px; overflow: scroll; width: 100px; height: 100px;">

      <div style="height: 200px">foo</div></div>

    <script>

      function loaded() {

        var insPoint = document.querySelector("div");

        insPoint.scrollTop = 50;

        var div = document.createElement("div");

        div.style.position = "absolute";

        div.style.top = '50px';

        div.appendChild(document.createTextNode("abs"));

        insPoint.insertBefore(div, insPoint.firstChild);

    </script>

  </body>

</html>