JSFiddle - React, Tailwind, and code Playground

HTML

<div id="ccwindow">

      <div class="bubble me">Hey!</div>
      <div class="bubble you">Hello</div>
      <div class="bubble me">I saw your post. Want to buy the book. Are you an XYZ University?</div>
      <div class="bubble you">Yes, sophomore year.</div>
      <div class="bubble me">Great!</div>
      <div class="bubble you">I'll buy it. Can you get it to school tomorrow?</div>
      <div class="bubble me">Sure. See you tomorrow!</div>

 </div>

CSS

#ccwindow {
    max-height:30px;
    overflow-x:scroll;
}

JavaScript

$("document").ready(function() {
  $("#ccwindow").animate({ scrollTop: $(document).height() }, "slow");
  return false;
});