success mover el scroll hasta el fin del div

[alex_dh]

hola gente, estoy haciendo un chat parecido a facebook

y al enviar un mensaje (en el chat) uso jquery para que no se actualize la pagina, para que el input donde escribe el usuario se vuelva a vaciar, pero no logro hacer que el scroll se baje hasta el ultimo mensaje (una vez enviado el mensaje)

tengo mas o menos algo asi:

Código Javascript:

$(function(){
    $("#chat-formulario").submit(function(){
        $.ajax({
            type: 'POST',
            url: 'enviar-chat.php',
            data:$(this).serialize(),
            success: function() {
                var input = document.getElementById('mensaje-chat-nuevo');
                input.value = '';
            }
        });
        return false;
    });
 
});
 

y traté de ponerle el scrollTo dentro de la funcion del success y no me funciona :(

Código Javascript:

$(function(){
    $("#chat-formulario").submit(function(){
        $.ajax({
            type: 'POST',
            url: 'enviar-chat.php',
            data:$(this).serialize(),
            success: function() {
                var input = document.getElementById('mensaje-chat-nuevo');
                input.value = '';
                $('#cont-chat-msj').scrollTo('div:last', 1000);
            }
        });
        return false;
    });
 
});
 

ya anteriormente habia usado esa misma funcion para otra cosa y me funciona, pero ahi no me funciona, alguien me ayuda?

[rottenp4nx]

Puedes usar .height(); y pasarle esa variable a scrollTo

Saludos

[alex_dh]

me explicas mejor? no se como usar bien Jquery :(

[rottenp4nx]

el height() te devuelve el alto del elemento, en este caso donde se agregan los mensajes, y se lo pasas al scroll

$("#midiv").height();

Saludos

[alex_dh]

lo puse asi, y me sigue sin funcionar :(

Código Javascript:

$(function(){
    $("#chat-formulario").submit(function(){
        $.ajax({
            type: 'POST',
            url: 'http://www.callejas.com.ar/chat/enviar-chat.php',
            data:$(this).serialize(),
            success: function() {
                var input = document.getElementById('mensaje-chat-nuevo');
                input.value = '';
                $('#cont-chat-msj').scrollTo($("#cont-chat-msj").height());
            }
        });
        return false;
    });
 
});