Tenho uma div
que deve fazer um append
de alguns elementos e, após isso, deve fazer um scroll até o final dela.
O problema é que o scroll é executado antes do append ser finalizado. O código (genérico) está assim:
$("div").append(output);
$("div").prop("scrollTop", $("div").prop("scrollHeight"));
Se eu colocar o segundo comando dentro de um setTimeout
, isso tudo funciona, mas as vezes o tempo de append pode variar e acabar sendo maior do que o tempo que defini no setTimeout
e de novo não vai executar o segundo comando.
O que acontece é que, como o primeiro comando não foi completo, o segundo não tem conteúdo para dar scroll, pois os comandos vão seguindo, sem terem necessariamente terminado.
O que eu preciso é de algum tipo de verificação que observa se o append
foi finalizado, ou algo assim, para o código poder continuar. E a função com esses comandos só é chamada uma vez.