1025914-1.html (1098B)
1 <!-- 2 Any copyright is dedicated to the Public Domain. 3 http://creativecommons.org/publicdomain/zero/1.0/ 4 --> 5 <!DOCTYPE html> 6 <html lang="en" class="reftest-wait"> 7 <meta charset="utf-8"> 8 <title>Make sure that scrolling #scrolledBox into view paints the scrolled strip even while #coveringFixedBar covers that strip</title> 9 10 <style> 11 12 html { 13 overflow: hidden; 14 } 15 16 body { 17 margin: 0; 18 height: 2000px; 19 } 20 21 #coveringFixedBar { 22 position: fixed; 23 left: 10px; 24 top: 0; 25 width: 380px; 26 height: 20px; 27 background: blue; 28 z-index: 100; 29 } 30 31 #scrolledBox { 32 position: relative; 33 margin: 0 100px; 34 opacity: 0.9; 35 width: 200px; 36 height: 200px; 37 background: lime; 38 border: 1px solid black; 39 } 40 41 </style> 42 43 <div id="coveringFixedBar"></div> 44 45 <div id="scrolledBox"></div> 46 47 <script> 48 49 document.documentElement.scrollTop = 40; 50 51 window.addEventListener("MozReftestInvalidate", function () { 52 document.documentElement.scrollTop = 20; 53 window.requestAnimationFrame(function () { 54 document.documentElement.scrollTop = 0; 55 document.documentElement.removeAttribute("class"); 56 }); 57 }); 58 59 </script>