JSFiddle - React, Tailwind, and code Playground

HTML

<script>
function addItem() {
	document.getElementById('content').innerHTML += "<p>Some new Data</p>";
  window.scrollTo(0,0);
}
</script>
<div class="container">
  <div class="inner-div" id="content">
  <p>
  Some random data
  </p>
  <p>
  Some random data
  </p>
  <p>
  Some random data
  </p>
  <p>
  Some random data
  </p>
  <p>
  Some random data
  </p>
  </div>
  <div>
  <p>
  Some random data
  </p>
  <p>
  Some random data
  </p>
  <button onclick="addItem()">
  Add Item
  </button>
  </div>
</div>

CSS

.container{
  background: #eee;
  height: 800px;
}
.inner-div{
  overflow-y: auto;
  height: 100px;
  background: #aaa;
}