Scroll a partir de certo ponto com jquery

Boa noite…Eu tenho uma div que é a janela de um chat com as seguintes configurações:

<div class="container" id="chat-rbox">     <div class="row">         <div class="Area chatlist bg-light">             <!--area de mensagens -->         </div>     </div> </div> 
    .Area {         height: 400px;         margin: 0 auto;         width: 100%;         background-color: white;         display: table;         padding: 5px;         border-radius: 5px;         margin-bottom: 10px;     } 

Quando eu mando a mensagem eu gostaria que ela começasse a scrolar a partir de quando as mensagem chegassem ao final do height. Tentei montar um Jquery bem básico para tentar realizar isso, mas ele sempre vai pro final desde a primeira mensagem..Alguém teria ideia de como começar a scrollar só quando atingir os 400px?

  function scrollParaFim() {                     scrollTop: $  ('#chat-rbox')[0].scrollHeight                 }, 500);          })