JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
  <ul id="list" class="list">

  </ul>
</div>

CSS

.wrapper {
  height: 100px;
  overflow-y: scroll;
  transform: rotateX(180deg);
}

.list {
  transform: rotateX(180deg);
}

JavaScript

var list = document.getElementById('list');
var count = 0;
setInterval(function() {
  var item = document.createElement('li');
  item.innerHTML = count++;
  list.appendChild(item);
}, 1000);