Keep scroll bar at the bottom of a div including a v-for?

Asked May 07 '19 at 15:06

Active May 07 '19 at 15:06

Viewed 103 times

I am building a chat app. In the chat window, the chat goes from top to bottom, with old messages appearing at the top. There is a scroll bar when the messages go passed the div max-height.

The messages are loaded in using a Vue v-for. What is the best way to make it scroll the user to the bottom of the chat when they send/receive a message?

asked May 07 '19 at 15:06

Adam Cole

Possible duplicate of [Automatically scroll down chat div](https://stackoverflow.com/questions/25505778/automatically-scroll-down-chat-div) – James Whiteley May 07 '19 at 15:16
1

Or this: [Scroll to bottom of div?](https://stackoverflow.com/questions/270612/scroll-to-bottom-of-div) – James Whiteley May 07 '19 at 15:18

Keep scroll bar at the bottom of a div including a v-for?

0 Answers0