Tenho uma div chat-history
com atributo overflow-y:scroll
.
Através do jQuery eu insiro informações no banco de dados e depois atualizo para exibir na div chat-history
. Preciso que ao atualizar a div via requisição Ajax, a mesma fique com o foco na ultima linha da barra rolagem.
Segue trecho do código que faz a atualização da div logo após a inserção dos dados no banco.
function atualiza(){
$.get(''+ url +'/chat-history', function(result){
$('.chat-history').html(result);
})
setTimeout('atualiza()', 3000);
$('#message-to-send').val('');
$('#sendMessage').attr("disabled", false);
//neste momento a div chat-history que está com scroll deve ter seu foco na última linha
}
Tentei
$('html, body').animate({ scrollTop: $('.chat-history').offset().bottom }, 300);
Mas não tive o resultado esperado