<!DOCTYPE html>

<html>
<head>
<style>
  .fixed {
    position: fixed;
    width: 10px;
    height: 10px;
    z-index: -1;
    background-color: silver;
  }
</style>

<script type="text/javascript">
  if (window.internals)
    window.internals.settings.setAcceleratedCompositingForFixedPositionEnabled(true);

  if (window.testRunner) {
    testRunner.dumpAsText();

    window.addEventListener("load", function() {
      document.getElementById("synchronousScrollingReasons").innerText = window.internals.synchronousScrollingReasons();
    }, false);
  }
</script>
</head>

<body>
<div style="height: 1000px">
  Main thread scrolling reasons should be blank:
  <pre id="synchronousScrollingReasons"></pre>
</div>

<!-- out of view fixed position elements should not trigger main thread scrolling. -->
<div class="fixed"></div>
<div class="fixed" style="top: -100px"></div>
<div class="fixed" style="top: 0px; left: 1000px"></div>

</body>
</html>