I have a Flexbox set up where I need the contents to display in reverse order. Everything is working well, but the list has many items and the newest ones are appearing at the top. Currently, the Flexbox automatically scrolls to the bottom, but I want it to start from the top.
Do you have any suggestions on how to achieve this?
#viewed {
overflow-y: auto;
margin-bottom: 10px;
height: calc(100% - 10px);
flex: 1 1 auto;
flex-direction: column-reverse;
display: flex;
}
The new divs are fetched dynamically from Firebase.