Come si può scorrere automaticamente quando il contenuto viene aggiunto a un div?

Question

Ho un div di dimensioni fisse in cui alcune funzioni JavaScript inseriranno il testo nel tempo. Quando la quantità di testo supera l'altezza della casella, viene visualizzata una barra di scorrimento grazie a overflow: scorrere.

Il nuovo problema è che la vista nel div rimane nello stesso punto in cui appare più contenuto. Quello che intendo dire è che rimane in scorrimento ovunque sia, mentre più contenuto appare sotto, nascosto a meno che non scorri manualmente verso il basso. Voglio farlo scorrere automaticamente verso il basso quando viene visualizzato un nuovo contenuto in modo che l'utente veda naturalmente ciò che è apparso più di recente al posto di ciò che è più vecchio.

Idee?

Answer 1

È possibile utilizzare il metodo scrollTop dopo ogni aggiunta di testo:

$("div").scrollTop($("div").children().height()); 

Usa blocco interno per ottenere la vera altezza.

DEMO:http://jsfiddle.net/eyY5k/1/

Answer 2

Ho trovato questo approccio al lavoro per le mie esigenze:

var realHeight = $("#history")[0].scrollHeight; 
$("#history").scrollTop(realHeight); 

Do atto questo utilizza jQuery.