Automatically scroll on a div when user write a message ( chat bot )

Jehex · 2025-08-01T09:40:36.991+00:00

Hi there, currently building a chat bot, everything work perfectly fine on desktop but on mobile I have 2 scrolling issues :- When the user select a chat, he got redirect to the middle of the conversation so have to scroll down for see the last messages- When the ai write a message, it's not automatically scroll down which is not convenient.Would like to know if it's a issue of html / css or if a script can do the job.Thanks a lot

Jehex

29 days ago

Hi there, currently building a chat bot, everything work perfectly fine on desktop but on mobile I have 2 scrolling issues :

- When the user select a chat, he got redirect to the middle of the conversation so have to scroll down for see the last messages
- When the ai write a message, it's not automatically scroll down which is not convenient.

Would like to know if it's a issue of html / css or if a script can do the job.

Thanks a lot
salma

29 days ago

I think you can solve this with CSS by using a reversed flex column which will cause the scroll to stick to the bottom
use flex-direction column-reverse and ensure you have overflow: auto enabled on the container
it's difficult to properly advise without seeing your existing solution
@salma
it's difficult to properly advise without seeing your existing solution
Jehex

28 days ago

thanks u gonna try to implement this
Jehex

28 days ago

ok simply set overflow to auto fix the issue, thanks

Automatically scroll on a div when user write a message ( chat bot )

Jehex

salma

Jehex

Jehex