JSFiddle - React, Tailwind, and code Playground

by naveennsit

HTML

<a href="#" data-role="button" data-corners="false" data-inline="true" id="call"  class="" >call</a>
<div id="realTimeContents" class ="left realtimeContend_h" style="width:97%;"> 
                            </div>

CSS

#realTimeContents {
   overflow-y:auto;
  -webkit-overflow-scrolling: touch;
    height:50px
 
}

JavaScript

$(document).on('click', '#call', function(event) {
    
   
     setInterval(function(){
   $('#realTimeContents' ).append("hi is test ....");
         var elem = document.getElementById('realTimeContents');
    elem.scrollTop = elem.scrollHeight;
  
  },500);

});