component-alpha-exit-1.html (844B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <title>Test transition from component-alpha layer to single-alpha layer</title> 4 <script type="text/javascript"> 5 document.addEventListener("MozReftestInvalidate", function scrollOnePixelDown () { 6 var scrollbox = document.getElementById("scrollbox"); 7 window.addEventListener("MozAfterPaint", function() { 8 scrollbox.scrollTop = 1000; 9 document.documentElement.className = ""; 10 }, {once: true}); 11 scrollbox.scrollTop = 1; // activate scroll layer 12 }); 13 </script> 14 <style> 15 #scrollbox { 16 margin: 20px; 17 width: 300px; 18 height: 400px; 19 overflow-y: hidden; 20 background: linear-gradient(#FFF, #FFF); 21 } 22 23 #inner { 24 background-color: #000; 25 margin-top: 10px; 26 height: 5px; 27 line-height: 5px; 28 padding-bottom: 400px; 29 } 30 </style> 31 32 <div id="scrollbox"> 33 <div id="inner"> 34 Text 35 </div> 36 </div>