fixed-opacity-2.html (1143B)
1 <!DOCTYPE HTML> 2 <html> 3 <body style="height:2000px; margin:0; overflow:hidden"> 4 <div style="height:1000px; background:url(repeatable-diagonal-gradient.png) fixed repeat-x; opacity:0.5"></div> 5 <script type="application/javascript"> 6 var topElements = document.getElementsByClassName("scrollTop"); 7 if (!topElements.length) { 8 topElements = [document.documentElement]; 9 } 10 11 var failed = false; 12 13 function doScroll(d) 14 { 15 if (failed) 16 return; 17 for (var i = 0; i < topElements.length; ++i) { 18 var e = topElements[i]; 19 e.scrollTop = d; 20 if (e.scrollTop != d) { 21 document.documentElement.textContent = 22 "Scrolling failed on " + e.tagName + " element, " + 23 "tried to scroll to " + d + ", got " + e.scrollTop + 24 " (Random number: " + Math.random() + ")"; 25 failed = true; 26 } 27 } 28 } 29 30 if (document.location.search == '?ref') { 31 doScroll(700); 32 } else { 33 doScroll(800); 34 document.documentElement.setAttribute("class", "reftest-wait"); 35 window.addEventListener("MozReftestInvalidate", function() { 36 document.documentElement.removeAttribute("class"); 37 doScroll(700); 38 }); 39 } 40 </script> 41 </body> 42 </html>