src/third_party/WebKit/LayoutTests/compositing/layer-creation/fixed-position-out-of-view-scroll-reason.html

   1 <!DOCTYPE html>
   2
   3 <html>
   4 <head>
   5 <style>
   6   .fixed {
   7     position: fixed;
   8     width: 10px;
   9     height: 10px;
  10     z-index: -1;
  11     background-color: silver;
  12   }
  13 </style>
  14
  15 <script type="text/javascript">
  16   if (window.internals)
  17     window.internals.settings.setPreferCompositingToLCDTextEnabled(true);
  18
  19   if (window.testRunner) {
  20     testRunner.dumpAsText();
  21
  22     window.addEventListener("load", function() {
  23       document.getElementById("mainThreadScrollingReasons").innerText = window.internals.mainThreadScrollingReasons(document);
  24     }, false);
  25   }
  26 </script>
  27 </head>
  28
  29 <body>
  30 <div style="height: 1000px">
  31   Main thread scrolling reasons should be blank:
  32   <pre id="mainThreadScrollingReasons"></pre>
  33 </div>
  34
  35 <!-- out of view fixed position elements should not trigger main thread scrolling. -->
  36 <div class="fixed"></div>
  37 <div class="fixed" style="top: -100px"></div>
  38 <div class="fixed" style="top: 0px; left: 1000px"></div>
  39
  40 </body>
  41 </html>