src/third_party/WebKit/LayoutTests/compositing/iframes/composited-iframe-scroll.html

   1 <!DOCTYPE html>
   2
   3 <html>
   4 <head>
   5   <style type="text/css" media="screen">
   6     body {
   7       margin: 0;
   8     }
   9
  10     iframe {
  11       height: 200px;
  12       width: 200px;
  13       margin: 10px;
  14       padding: 10px;
  15       border: none;
  16       transform: translateX(100px);
  17     }
  18
  19     .container {
  20       position: absolute;
  21       top: 100px;
  22       transform: translateZ(0);
  23     }
  24
  25     #indicator {
  26       position: absolute;
  27       top: 120px;
  28       left: 120px;
  29       height: 200px;
  30       width: 200px;
  31       background-color: red;
  32     }
  33   </style>
  34   <script type="text/javascript" charset="utf-8">
  35
  36     if (window.testRunner)
  37       testRunner.waitUntilDone();
  38
  39     function doTest()
  40     {
  41       window.setTimeout(function() {
  42         var iframe = document.getElementsByTagName('iframe')[0];
  43         iframe.contentWindow.scrollTo(0, 200);
  44
  45         if (window.testRunner)
  46           testRunner.notifyDone();
  47       }, 0)
  48     }
  49
  50     window.addEventListener('load', doTest, false);
  51   </script>
  52 </head>
  53 <body>
  54   <!-- You should see a green box below. -->
  55   <div id="indicator"></div>
  56
  57   <div class="container">
  58     <iframe src="resources/green-red-subframe.html" scrolling="no"></iframe>
  59   </div>
  60
  61 </body>
  62 </html>