JSFiddle - React, Tailwind, and code Playground

by Brunno Romero

HTML

<div class="chat-history">
</div>

CSS

.chat-history {
  height: 200px;
  width: 100px;
  overflow-x: auto;
  margin: 25px 0 0 350px;
  position: relative;
}

JavaScript

setInterval(function() {
  $('.chat-history').append('<p>' + 'SEU RETORNO' + '</p>');
  $('.chat-history').animate({ scrollTop: $('.chat-history')[0].scrollHeight }, 300);
}, 900);