how to make the scrollbar always at the bottom of a div?

i am working in a chat app with laravel and i want the scrollbar of the chat box container always in bottom whenever user send a new message and when user enter the chat page

Mahmoud.abdeen93

9 years ago

Level 1

i tried out this piece of code but it didn't work !!

   var element = document.getElementById("message-content");

   element.scrollTop = element.scrollHeight ;

bunnypro

9 years ago

Level 7

try this http://stackoverflow.com/questions/11715646/scroll-automatically-to-the-bottom-of-the-page

eaglescof

3 years ago

Level 1

    <script>
        $('#messages').animate({scrollTop: 9999});
    function scrollDown() {
        $('#messages').animate({scrollTop: 9999}).delay(000);
        $('#messages').animate({scrollTop: 9999});
        }

</script>

Please or to participate in this conversation.