pp p</div>
<div id="test3"><span style="padding-inline-start: 400px;">ppp pp p</span></div>
<div id="test4"><span style="padding-inline-start: 600px;">ppp pp p</span></div>

<script>
  requestAnimationFrame(() => requestAnimationFrame(() => {
    test1.scrollTop = -200;
    test2.scrollTop = -400;
    test3.scrollTop = -200;
    test4.scrollTop = -1000;
    document.documentElement.className = "";
  }));
</script>
