retained-dl-async-scrolled-1.html (1081B)
1 <!DOCTYPE html> 2 <html reftest-async-scroll 3 reftest-displayport-x="0" reftest-displayport-y="0" 4 reftest-displayport-w="800" reftest-displayport-h="2000" 5 reftest-async-scroll-x="0" reftest-async-scroll-y="400" 6 class="reftest-wait"> 7 <head> 8 9 <style> 10 11 html { 12 scrollbar-width: none; 13 } 14 15 body { 16 margin: 0; 17 height: 4000px; 18 } 19 20 div { 21 left: 200px; 22 top: 200px; 23 width: 200px; 24 height: 200px; 25 } 26 27 .scrolled { 28 position: absolute; 29 z-index: 1; 30 } 31 32 .fixed { 33 position: fixed; 34 background-color: red; 35 } 36 37 </style> 38 </head> 39 <body> 40 41 <div class="scrolled reftest-no-display-list" style="top: 200px; background-color: green"></div> 42 <div class="scrolled" style="top: 600px;" id="scrolled"></div> 43 <div class="fixed" style="top: 200px"></div> 44 <div class="fixed" style="top: 200px; width: 100px; height: 100px; z-index: 2"></div> 45 46 </body> 47 48 <script> 49 function doTest() { 50 document.getElementById("scrolled").style.backgroundColor = "blue"; 51 document.documentElement.removeAttribute("class"); 52 } 53 54 window.addEventListener("MozReftestInvalidate", doTest); 55 </script> 56 </html>