third_party/WebKit/LayoutTests/compositing/iframes/resources/fixed-position-subframe.html

   1 <html>
   2 <head>
   3 <script src="../../../resources/run-after-layout-and-paint.js"></script>
   4 <style>
   5     body {
   6         height: 5000px;
   7         background-color: red;
   8         overflow: hidden;
   9     }
  10
  11     #trigger {
  12         transform:translateZ(0);
  13     }
  14
  15     #overlap {
  16         width: 1000px;
  17         height: 1000px;
  18         background-color: green;
  19         position: fixed;
  20         left: 0px;
  21         top: 0px;
  22     }
  23 </style>
  24 </head>
  25 <script>
  26     function doTest() {
  27         if (window.testRunner) {
  28             testRunner.dumpAsTextWithPixelResults();
  29             testRunner.waitUntilDone();
  30         }
  31         window.scrollTo(0, 2000);
  32         runAfterLayoutAndPaint(function() {
  33             window.scrollTo(0, 1800);
  34             if (window.testRunner)
  35                 testRunner.notifyDone();
  36         });
  37     }
  38     window.addEventListener("load", doTest, false);
  39 </script>
  40 <body>
  41     <div id="trigger"></div>
  42     <div id="overlap"></div>
  43 </body>
  44 </html>