<!-- Any copyright is dedicated to the Public Domain. http://creativecommons.org/publicdomain/zero/1.0/ --> <!DOCTYPE html> <html lang="en" class="reftest-wait"> <meta charset="utf-8"> <title>Make sure that scrolling #scrolledBox into view paints the scrolled strip even while #coveringFixedBar covers that strip</title> <style> html { overflow: hidden; } body { margin: 0; height: 2000px; } #coveringFixedBar { position: fixed; left: 10px; top: 0; width: 380px; height: 20px; background: blue; z-index: 100; } #scrolledBox { position: relative; margin: 0 100px; opacity: 0.9; width: 200px; height: 200px; background: lime; border: 1px solid black; } </style> <div id="coveringFixedBar"></div> <div id="scrolledBox"></div> <script> document.documentElement.scrollTop = 40; window.addEventListener("MozReftestInvalidate", function () { document.documentElement.scrollTop = 20; window.requestAnimationFrame(function () { document.documentElement.scrollTop = 0; document.documentElement.removeAttribute("class"); }); }); </script>