How to make the massages aligned bottom to top

Question

https://code.sololearn.com/W6qd856q3uN2/?ref=app
I am trying to make a chat bot web page.
The massages appear on the top and when the page full the new messages gone to bottom.
Then to check the massages
It have to scroll the page
Please any idea
how to scroll the page automatically??

Answer 1

Hi Ayush kumar !
In your function send( ), add the below code:
if(app.scrollTop + app.clientHeight < app.scrollHeight) {
app.scrollTop += app.scrollHeight - (app.scrollTop + app.clientHeight);
}
This will automatically scroll the bottom of the webpage.
Also, add "bottom" CSS property instead of "top" your input box and send button:
bottom: 12px;

Answer 2

https://code.sololearn.com/WbkdXfUj9n8l/?ref=app

Answer 3

Thanks very much Rahul