<!DOCTYPE html>
<style>*::-webkit-scrollbar { display: none }</style>
<div id="target" style="overflow: scroll; will-change: transform; width: 100px; height: 100px">
  <div id="content" style="margin: 80px 0; width: 50px; height: 50px; background: blue"></div>
</div>
<script src="../resources/text-based-repaint.js"></script>
<script>
function repaintTest() {
  target.style.pointerEvents = 'none';
}
onload = function() {
  target.scrollTop = 50;
  runRepaintAndPixelTest();
}
</script>