| OLD | NEW |
| (Empty) |
| 1 <!-- Based on fast/repaint/fixed-move-after-scroll.html --> | |
| 2 <html> | |
| 3 <head> | |
| 4 <meta http-equiv="content-type" content="text/html; charset=UTF-8"> | |
| 5 <script src="resources/paint-invalidation-test.js"></script> | |
| 6 <script type="text/javascript"> | |
| 7 function scrollAndRepaint() | |
| 8 { | |
| 9 scrollBy(0, 200); | |
| 10 runPaintInvalidationTest(); | |
| 11 } | |
| 12 function paintInvalidationTest() | |
| 13 { | |
| 14 document.getElementById('toMove').style.left = "150px"; | |
| 15 document.getElementById('toMove').style.backgroundColor = "green"; | |
| 16 } | |
| 17 </script> | |
| 18 </head> | |
| 19 <body onload="scrollAndRepaint()" style="height: 3000px;"> | |
| 20 <p style="position: absolute; top: 210">You should see a yellow rect on the
left, and a green one on the right. No red pixels.</p> | |
| 21 <div id="toMove" style="width: 100px; height: 100px; background-color: red;
position: fixed; top: 70px; left: 10px;"></div> | |
| 22 <div style="width: 100px; height: 100px; background-color: yellow; position:
absolute; top: 270px; left: 10px; z-index: -5;"></div> | |
| 23 </body> | |
| 24 </html> | |
| OLD | NEW |