Hola, tengo un problema.
Estoy haciendo un chat en ajax, la cosa no va en modificar ese script, sino me falta mantener la barra scroll del <div> </div> abajo siempre mientras se vayan agreando mensajes.
Tengo lo siguiente:
Código PHP:
<script>
function cargar(){
recibeid('func_chat.php','accion=cargar','m=n','mensajes');
}
</script>
<form name="form" onSubmit="return false">
<input type="hidden" name="nick" value="link">
<table cellspacing="0" cellpadding="1">
<tr>
<td colspan="2">
<div class="mensajes" id="mensajes"></div>
</td>
</tr>
<tr>
<td><input class="inputt" type="text" name="mensaje"></td>
<td><input class="enviarbutton" type="submit" name="enviar" value="Enviar"
onClick="recibeid('func_chat.php','accion=post','nick='+form.nick.value+'&mensaje='+form.mensaje.value+'','enviardatos'); cargar();">
</td>
</tr>
</table>
</form>
cargar estaría actualizando los datos.
Aún no genero el contador para que actualice cada x segundos, me he preocupado primerod e dejar el scroll abajo siempre que llame a la funcion cargar, pero no puedo.
Lo ultimo y ma sutil que encontré pero no me funcionó fue lo siguiente con scrollTop y scrollHeight:
http://pablobm.com/blog/para_abajo_con_el_scroll
pero no tengo idea como implementarlo.
Le cambie la svariables, hice una que otra cosa, pero no lo logro hacer. el scroll sigue quedandose arriba.
Una ayuda por favor.