JSFiddle - React, Tailwind, and code Playground

HTML

<div id="dvMessage"><div id="foobar"></div></div>

CSS

#dvMessage {
    height: 300px;
    overflow: scroll;
}

#foobar {
    height: 9000px;
}

JavaScript

(function($) {
  $(window).load(function() {
    $('#dvMessage').stop().animate({ scrollTop: $('#dvMessage').prop('scrollHeight') }, 1000);
  });
})(jQuery);