
.nonLayout1 { color: red; }
.nonLayout2 { font-size: 200%; }
.nonLayout3 { box-shadow: 10px 10px 10px gray; }
.nonLayout4 { opacity: 0.5; }
.nonLayout5 { z-index: -1; }

.scroller {
  overflow: scroll;
  width: 600px;
  height: 600px;
}

</style>
<div id="maybeScroller">
  <div id="space">
    <div id="ancestor">
      <div id="before"></div>
      <div id="anchor"></div>
    </div>
  </div>
</div>
<script>

// Tests that scroll anchoring is suppressed when one of the "layout-affecting"
// properties is mo