Mantener scroll en div siempre abajo

[Aper]

Hola, queria saber como peudo hacer para mantener el scroll vertical de un div siempre abajo.. ya que tengo un chat y bueno.. quiero que la gente que entre lea lo ultimo que se escribio.. y cuando escriban que el scroll siempre este abajo osea siempre se lea lo que se escribe al ultimo..

Si alguien puede ayudarme, muchas gracias..

[Aper]

obviamente esta de mas decirle que cuando uno suba el scroll para leer algo q no leyo se quede ahi el scroll..

[David]

Puedes agregar un id al último elemento agregado (supongo que usas AJAX), y luego accede a él apuntando hacia ese ancla:

Código javascript:

location.href = "#idelemento";
 

[Aper]

claro pero serian un contador de id.. osea id1, id2, id3... Se que hay una forma mas facil..

Yo encontre algo asi.. pero nose donde estaria el error

Código:

function scrolldown() {
var target = document.getElementById('divchat');

var isScrolledToBottom = target.scrollTop + target.offsetHeight >= target.scrollHeight;

if (isScrolledToBottom) {
target.scrollTop = target.scrollHeight - target.offsetHeight;
}
}

nose como implementarlo

[Aper]

Queria comentar que con esa funcion ya me anda que siempre es te abajo y que por cada mensaje baje... lo que ahora necesito es que si yo muevo el scroll al medio y siguen escribiendo, se quede ahi... y no que baje, que solo baje cuando este al final de el scroll del div

Saludos

[Aper]

Quedo asi...

Código:

function doRefresh() {
var scc = document.getElementById('divchat');
new ajax ('chat.php', { 
		postBody: 'reqtype=refresh&file=' + archivochat,
		update: $('chats')
	});
     scc.scrollTop = scc.scrollHeight + scc.offsetHeight;
}

Simpre que hace el refresh pone abajo de todo al scroll.. ahora, yo quiero que cuando este abajo de todo el scroll baje, pero cuando ester al medio no...

Saludoas