¿Cómo puedo desplazarme automáticamente cuando el contenido se agrega a un div?

Question

Tengo un div de dimensiones fijas en el que algunas funciones de JavaScript colocarán texto a lo largo del tiempo. Cuando la cantidad de texto excede la altura del cuadro, aparece una barra de desplazamiento gracias al desbordamiento: desplazamiento.

El nuevo problema es que la vista en el div se mantiene en el mismo lugar donde aparece más contenido. Lo que quiero decir es que se mantiene desplazado en cualquier lugar, ya que aparece más contenido debajo, oculto a menos que se desplace manualmente hacia abajo. Quiero que se desplace automáticamente hacia la parte inferior a medida que aparece el nuevo contenido para que el usuario vea lo que apareció más recientemente en lugar de lo que es más antiguo.

Ideas?

Answer 1

Puede utilizar scrollTop método después de cada adición de texto:

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

Use un bloque interno para conseguir la verdadera altura.

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

Answer 2

me encontré con este enfoque de trabajo para mis necesidades:

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

hacer la nota esta utiliza jQuery.