<!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; will-change: transform; 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.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>