<!DOCTYPE html>
<html>
<body style="overflow:hidden">
  <div style="height:2000px;"></div>

  <!-- Red div to indicate test failure -->
  <div style="position: absolute; top: 250px; width: 200px; height: 100px; background-color: red;"></div>

  <!-- Green fixed-position, composited div which covers the red div after we scroll -->
  <div style="position: fixed; -webkit-transform: translateZ(0); top: 50px; width: 200px; height: 100px; background-color: green;"></div>

<script>
if (window.testRunner) {
    testRunner.waitUntilDone();
}

onload = function() {
    if (window.localStorage.stage == 'two') {
        // We went foward and back again.
        // If the scroll position is restored correctly the red div won't be visible.
        delete window.localStorage.stage;
        if (window.testRunner) {
            testRunner.dumpAsText(true);
            testRunner.notifyDone();
        }
    } else {
        window.localStorage.stage = 'two';
        window.scrollTo(0, 200);
        setTimeout(function() {
            window.location.href = 'resources/fixed-position-scroll-offset-history-restore-2.html';
        }, 0);
    }
};
</script>
</body>
</html>