How can I prevent react-router Link to direct to the middle of a new view?

Question

When I use a simple Link as in:

import {Link} from 'react-router-dom'

<Link
  className="btn btn-primary btn-lg"
  to={'/path'}>
  Learn More
</Link>

the new view opens up at the middle of the page instead of at the top. How can I change that? Thanks.

check the version of `react-router` in your `package.json` file. — Chris, Jun 26 '17 at 13:44
Okay, in that case have a look at [react-router scroll to top on every transition](https://stackoverflow.com/questions/36904185/react-router-scroll-to-top-on-every-transition). You'll probably find an answer there. — Chris, Jun 26 '17 at 13:53

score 3 · Answer 1 · answered Jun 26 '17 at 13:57

3

Take a look at Scroll Restoration from the React Router docs.

answered Jun 26 '17 at 13:57

Mark Rabey

1 Answers1