conversacion en div

[kakashi20]

hola

cuando uno chatea en la mayoría de los chat, al escribir el texto y darle clic en el botón enviar mensaje, este mensaje aparece en la ventana del chat, pero si escribes otro mensaje aparece en la ventana del chat pero abajo del mensaje anterior.

si en la ventana del chat hay muchos mensajes, los mas actuales va apareciendo en la parte inferior y se muestra el scroll ( barra de desplazamiento ).

lo que quiero decir con todo esto, es como hacer para mostrar el mensaje actual debajo del anterior y cuando haya mucho mensajes se muestre la parte inferior con el nuevo mensaje.

lo único que intente es mostrar la conversación que traigo de un bd pero cuando hay muchos mensajes se activa el scroll pero me muestra es la parte superior mas no la inferior, osea me toca desplazar el scroll hacia abajo para leer el ultimo mensaje y eso es muy tedioso.

por eso pregunto, como hacen las ventanas de chat eso ?

espero haberme explicado

gracias por la ayuda

[kakashi20]

solucion

Código (javascript) [Seleccionar] Expandir



$("#div_conversacion").scrollTop(document.getElementById('div_conversacion').scrollHeight);



[Prozac20mg]

Si además tienes jQuery ya incluido y te apetece darle un efecto animado te recomiendo este plugin.
https://github.com/individual11/Scroll-To/ ScrollTo (individual11)

Tiene casi 10 lineas de codigo