How to save the scroll position when switching between conversations?

Question

JavaScript

I have a wrap with messages and the messages themselves

<div class="messages_list" v-for="message of messages">
<message :msg="message"></message>
</div>

messages is a computed property that changes after the id of the active dialog changes.
I can save the scroll position before changing the dialog id and update this position when new messages from this dialog are already loaded.
But how to get and update this position? (you can add this position to the conversation data in Vuex)

Answer 1

Put a ref on the scrollable element, and read/assign it to scrollTop.