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);
})