overscroll-fixed-transform.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html

      reftest-async-scroll

      reftest-displayport-x="0" reftest-displayport-y="0"

      reftest-displayport-w="800" reftest-displayport-h="2000"

      reftest-async-scroll-x="0" reftest-async-scroll-y="-200">

<head>

  <style>

    html {

      scrollbar-width: none;

    body {

      height: 3000px;

      margin: 0;

    div.container {

      overflow: scroll;

      width: 100%;

      height: 100%;

      transform: translate(0px);

      scrollbar-width: none;

    div.fixed {

      position: fixed;

      top: 0px;

      width: 200px;

      height: 200px;

      background: green;

  </style>

</head>

<body >

  <!-- Test that an overscroll past one end of a transformed container is

       rendered as having the content create a gutter, and that

       the overscroll is reduced by some factor such that

       a 100px scroll must produce a rendered translation of less than

       100px.

       Current overscroll physics mean that an instantaneous overscroll

       by 200px produces an 8px gutter. This is governed by the logic in

       Axis::ApplyResistance(); if that logic is changed, this test will

       need to be modified to account for the new result.

-->

  <div class="container">

    <div class="fixed">

    </div>

  </div>

</body>

</html>