fixed-elements-dont-overscroll.html

<!DOCTYPE html>
<title>Tests that fixed position elements don't move when overscrolled.</title>
<script src="../../resources/gesture-util.js"></script>
<style>
.fixedDiv {
  position:fixed;
  border:1px solid;
  background-color: gray;
  width: 100%;
  height: 30px;
  left: 0px;
  right: 0px;
}
.header {
  top: 0;
}
.footer {
  bottom: 0;
}
.nonFixedDiv {
  border:1px solid;
  background-color: yellow;
  width: 500px;
  height: 400px;
  left: 0px;
}
</style>
<body>
<div class="fixedDiv header"></div>
<div class="nonFixedDiv"></div>
<div class="fixedDiv footer"></div>
<script>
window.onload=async function() {
  testRunner.waitUntilDone();
  let pull = {
    start_x: 100,
    start_y: 100,
    end_x: 100,
    end_y: 500
  }

  await touchPull(pull);
  await waitForCompositorCommit();
  testRunner.notifyDone();
}
</script>
</body>

chromium/third_party/blink/web_tests/virtual/elastic-overscroll/fixed-elements-dont-overscroll.html