how can I control my scroll of a Chatroom? [closed]

my problem is that the scroll remains in the messages that already passer and does not go down when there is a new message I want to control the scroll as well as the facebook if someone knows how to do that please tell me Thank you.

 <script type="text/javascript">



//esto envia los mensages a la base de datos 


        $(document).ready(function() {

            //method to trigger when user hits enter key
            $("#mensaje").keypress(function(evt) {
                if(evt.which == 13) {

                        //send data to "shout.php" using jQuery $.post()
                         enviar_insert();
                    }

            });
        }); 

    function enviar_insert(){
        var mensaje = document.getElementById("mensaje").value;

        var paramentros = {
                "mmensaje" : mensaje,
                "pconsulta" : "consulta",
        };


        $.ajax({
            data: paramentros,
            url: 'submit_chat.php?v=<?php echo $id; ?>',
            type: 'POST',
            success: function(response) { 

        }
        });
        limpiar_datos();
    }

/////aqui se eliminan los datos 

        function enviar_DELETE(){
        var mensaje = document.getElementById("mensaje").value;
        var paramentros = {
                "mmensaje" : mensaje,
                "pconsulta" : "DELETE",
        };
        $.ajax({
            data: paramentros,
            url: 'submit_chat.php?v=<?php echo $id; ?>',
            type: 'POST',
        });
        limpiar_datos();
    }




//tiempo real del chat 1000 es un segundo 
//aqui nos deja ver el chat 
function mostrar_enviado() {
            var parametros = {
            "pconsulta" : "mostrar_mensajes",
        }   


    $.ajax({
        data: parametros,
        url: 'submit_chat.php?v=<?php echo $id; ?>',
        success: function(data) {
            $('#mostrar_mensaje').html(data);

                var abajo=$("#mostrar_mensaje").prop("scrollHeight");
                $("#mostrar_mensaje").scrollTop(abajo)  

             setTimeout(function(){//time real
                    mostrar_enviado();
            }, (Math.floor(Math.random()*1000)))


        },

    });
}   
mostrar_enviado();


//limpia la caja de los mensages    

function limpiar_datos(){
    document.getElementById("mensaje").value="";
}

</script>