JSFiddle - React, Tailwind, and code Playground

HTML

<style>
div{
  height: 30px;width:30px;overflow: auto;
}
p{
  background-color: red;
}
</style>

<div>
<content>
  <p>
  1
  </p>
    <p>
  2
  </p>
    <p>
  3
  </p>
    <p>
  4
  </p>
    <p>
  5
  </p>
</content>
</div>

<script>
document.querySelector('content').children[4].scrollIntoView(true)
</script>