style="top: 0px; left: 0px;"></div>
  <div class="child" style="top: 1000px; left: 1000px;"></div>
  <div style="width: 2000px; height: 2000px;"></div>
</div>

<script>
test(() => {
  scroller.style.scrollSnapType = "both mandatory";

  // Scroll to where the first child is in view.
  scroller.scrollTo(100, 100);
  assert_equals(scroller.scrollLeft, 100);
  assert_equals(scroller.scrollTop, 100);

  // Scroll to where the second child is in view.
  scroller.scrollTo(900, 900);
  assert_equals(scroller.scrol