Search code examples
angularangular6

Angular 6 - Keep scroll position when the route changes

Previous Behavior:

Changing the route or navigation path would not affect the scroll position when navigating to another route. I.e the contents can change without the scroll position changing.

Current Behavior:

Changing the route will put you right back to the top of the page.

Action Done So Far:

Tested on current and a fresh new Angular 6 project

Is this a bug? change in feature? or is there a parameter I am missing.

Solution

  • Seems like setting 'scrollPositionRestoration' to disabled fixes it

    RouterModule.forRoot(
  appRoutes,
  { scrollPositionRestoration: 'disabled' } // <-- HERE
)

    See https://angular.io/api/router/ExtraOptions