Auto scroll div quando receber nova mensagem AJAX PHP MYSQL JS

Olá galera,

estou a mais um menos 3 dias pesquisando sobre isso e até agora não encontrei solução devido ao meu pouco conhecimento na area de programação em javascript, mas a minha dúvida é a seguinte:

Coloquei um setInterval que faz a requisição da pagina para buscar se há novas mensagens e assim mostra-las em uma div, porém não consigo fazer com que, quando receber uma nova mensagem, a div role para baixo e exiba a nova mensagem. ja usei funções do tipo scrollTop: $('#chat').prop('scrollHeight')}, 500 mas não tive sucesso com a mesma, pois ela não rola de acordo com o que eu quero. Se alguém tiver uma luz, poste aqui. Desde já, obrigado