third_party/WebKit/LayoutTests/compositing/overflow/scrolling-content-clip-to-viewport.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4   <meta name="viewport" content="width=device-width">
   5
   6   <style>
   7     body {
   8       margin: 0;
   9       -webkit-overflow-scrolling: touch;
  10     }
  11
  12     .scroller {
  13       width: 300px;
  14       height: 320px;
  15       overflow: scroll;
  16       padding: 10px;
  17     }
  18
  19     .column {
  20       position: relative;
  21       width: 280px;
  22       height: 1200px;
  23       background: silver;
  24       border: 2px solid blue;
  25       z-index: 0;
  26     }
  27   </style>
  28   <script>
  29     if (window.testRunner)
  30       testRunner.dumpAsText();
  31     if (window.internals)
  32       window.internals.settings.setPreferCompositingToLCDTextEnabled(true);
  33
  34     window.addEventListener('load', function() {
  35       if (window.testRunner)
  36         document.getElementById('layers').innerHTML = window.internals.layerTreeAsText(document);
  37     }, true);
  38   </script>
  39 </head>
  40
  41 <body>
  42   <div class="scroller">
  43     <div class="column">
  44     </div>
  45   </div>
  46   <pre id="layers">Layer tree goes here in DRT</pre>
  47 </body>
  48 </html>