<!DOCTYPE html>
<html>
<head>
  <style>
    iframe {
      height: 900px;
    }

    div {
      height: 300px;
      overflow: auto;
      border: 1px solid black;
    }
  </style>
  <script>
    // We expect to get a message from the inner frame to tell us when
    // the inner frame's DOM is all set up. We need to scroll down from
    // this frame, and then, unfortunately, transfer control back to the
    // inner frame so that it can click on one of the select elements.
    window.onmessage = function() {
      document.getElementById('scrollable').scrollTop = 500;
      document.getElementById('frame').contentWindow.postMessage('', '*');
    };
  </script>
</head>

<body>
  <div id='scrollable'>
    <iframe id='frame' src='update-widget-positions-on-nested-frames-and-scrollers-inner-frame.html'></iframe>
  </div>
</body>
</html>