Mark Murphy Mark Murphy - 1 month ago 17
React JSX Question

React / redux how to maintain scroll positoin between routes

Working from the redux real-word example code base here

I noticed that when I scroll down a large list of repositories, that when I then visit a user page and immediately go back that my scroll position in the repositories list is maintained.

However, after I removed the redux DevTools from the Root container I then noticed that my scroll position was no longer maintained.

I'm trying to build a similar react/redux web app where it's important to maintain scroll position.

Can anyone tell me how maintaining scroll position is supposed to work? I thought I read somewhere that react-router has this feature built in but it doesn't seem to be working.

Answer

React-router has a middleware which I think is what you are looking for. react-router-scroll

Comments