CodeOne

Scroll Down Automatically When Button click

<button onclick="scrollDown()" id="scrolldown">Scroll Down</button>

First Message

Message

Last Message Message

START SCRIPT

function scrollDown() {
document.getElementById('rechatdiv').scrollTop = document.getElementById('rechatdiv').scrollHeight

}

[removed]=function(){

document.getElementById("scrolldown").click();
};
END SCRIPT

Scroll Down Automatically With Animation Effect

   $("#rechatdiv").animate({
                   scrollTop: $('#rechatdiv').get(0).scrollHeight
               }, "fast");

   $("#rechatdiv").animate({
                   scrollTop: $('#rechatdiv').get(0).scrollHeight
               }, 700);

END SCRIPT