How can I prevent the window from scrolling when changing states with AngularJS UI-Router?

Question

With ui-router whenever the user navigates between states the browser window always scrolls to a seemingly random location. It seems to be worse when there are multiple ui-views in play. How can I prevent this from happening?

Answer 1

The ui-view autoscroll parameter controls this. By setting autoscroll="false" in all of your ui-views the browser will not scroll when navigating.

http://angular-ui.github.io/ui-router/site/#/api/ui.router.state.directive:ui-view