OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <html> | 2 <html> |
3 <body style="overflow:hidden"> | 3 <body style="overflow:hidden"> |
4 <div style="height:2000px;"></div> | 4 <div style="height:2000px;"></div> |
5 | 5 |
6 <!-- Red div to indicate test failure --> | 6 <!-- Red div to indicate test failure --> |
7 <div style="position: absolute; top: 250px; width: 200px; height: 100px; backg
round-color: red;"></div> | 7 <div style="position: absolute; top: 250px; width: 200px; height: 100px; backg
round-color: red;"></div> |
8 | 8 |
9 <!-- Green fixed-position, composited div which covers the red div after we sc
roll --> | 9 <!-- Green fixed-position, composited div which covers the red div after we sc
roll --> |
10 <div style="position: fixed; -webkit-transform: translateZ(0); top: 50px; widt
h: 200px; height: 100px; background-color: green;"></div> | 10 <div style="position: fixed; -webkit-transform: translateZ(0); top: 50px; widt
h: 200px; height: 100px; background-color: green;"></div> |
11 | 11 |
12 <script> | 12 <script> |
13 if (window.testRunner) { | 13 if (window.testRunner) { |
14 testRunner.waitUntilDone(); | 14 testRunner.waitUntilDone(); |
15 } | 15 } |
16 | 16 |
17 onload = function() { | 17 onload = function() { |
18 if (window.localStorage.stage == 'two') { | 18 if (window.localStorage.stage == 'two') { |
19 // We went foward and back again. | 19 // We went foward and back again. |
20 // If the scroll position is restored correctly the red div won't be vis
ible. | 20 // If the scroll position is restored correctly the red div won't be vis
ible. |
21 delete window.localStorage.stage; | 21 delete window.localStorage.stage; |
22 if (window.testRunner) { | 22 if (window.testRunner) { |
23 testRunner.dumpAsText(true); | 23 testRunner.dumpAsTextWithPixelResults(); |
24 testRunner.notifyDone(); | 24 testRunner.notifyDone(); |
25 } | 25 } |
26 } else { | 26 } else { |
27 window.localStorage.stage = 'two'; | 27 window.localStorage.stage = 'two'; |
28 window.scrollTo(0, 200); | 28 window.scrollTo(0, 200); |
29 setTimeout(function() { | 29 setTimeout(function() { |
30 window.location.href = 'resources/fixed-position-scroll-offset-histo
ry-restore-2.html'; | 30 window.location.href = 'resources/fixed-position-scroll-offset-histo
ry-restore-2.html'; |
31 }, 0); | 31 }, 0); |
32 } | 32 } |
33 }; | 33 }; |
34 </script> | 34 </script> |
35 </body> | 35 </body> |
36 </html> | 36 </html> |
37 | 37 |
OLD | NEW |