Sujet : Tchat lecture du dernier message par le bas

Bonjour je début en jquery et j'aimerais faire défiler les message du bas vers le haut .

Je cherche une solution mais je suis perdu.

var auto_refresh = setInterval(
function()
{
    $('#mondiv').load('tchat_lu.php',function() {
    $('#mondiv').scrollTop($('#mondiv')[0].scrollHeight);
        
    });
}, 2000);

Et mes modification

var auto_refresh = setInterval(
function() {
  // initialise le scroll au bas de l'élément
  $('#mondiv').load('tchat_lu.php',function() {
  $("#mondiv")[0].scrollTop = $("#mondiv")[0].scrollHeight;

    var box = $("#mondiv")[0];
    
    // on vérifie si le scroll est en bas de l'élément
    var toBottom = box.offsetHeight + box.scrollTop >= box.scrollHeight;
    
    // on ajoute le message
    $("#mondiv").append('\nnouvelle ligne');
    
    // si le scroll était en bas avant l'ajout du message, on scroll vers le bas
      if (toBottom) {
          $("#mondiv").animate({scrollTop: $("#mondiv")[0].scrollHeight},2000);
      console.log('scroll down');
      
    }
  };3000);
});