scrollbar-painting.html | Explore in Territory

<!DOCTYPE html>
<html>
<head>
  <style>
  .composited {
    will-change: transform;
  }
  
  .box {
    margin: 10px;
    width: 100px;
    height: 100px;
    z-index: 0;
  }
  .overflow {
    position: relative;
    overflow: scroll;
  }

  .content {
    height: 500px;
    width: 500px;
    background-color: gray;
  }

  .resizable {
    overflow: auto;
    resize: both;
  }
  </style>
  </head>
<body>
  <p>You should see scrollbars on the gray square, and a resizer control below it.</p>
  <div class="overflow box">
    <div class="content composited"></div>
  </div>

  <div class="resizable composited box">
  </div>
</body>
</html>

chromium/third_party/blink/web_tests/compositing/overflow/scrollbar-painting.html