Sunday, June 2, 2024
 Popular · Latest · Hot · Upcoming
79
rated 0 times [  85] [ 6]  / answers: 1 / hits: 41988  / 10 Years ago, sat, october 18, 2014, 12:00:00

I've read so many different problems with this and none of the solution given seem to fit my use case. I started by simply putting target=_top on all my links, but that actually forces my app to reload which wont work. I've also seen people say they use autoscroll=true but that only seems to work if its within my ui-view.



The issue with this is that in my index.html file I have fixed nav and other static elements that are above my first ui-view. This means when I go to other pages I lose the navigation as the page loads past those elements. I've also tried putting this on the body with:



<body autoscroll=true>
</body>


This doesn't seem to do anything either. So the question is, how can I make sure that new pages (new route changes from ui-router) result in starting at the top of the page? THANKS!


More From » angularjs

 Answers
19

If you want it to always scroll to 0 cross-browser, do nothing with autoscroll. Just place this your run block:



$rootScope.$on('$stateChangeSuccess', function() {
document.body.scrollTop = document.documentElement.scrollTop = 0;
});

[#69087] Wednesday, October 15, 2014, 10 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
luna

Total Points: 698
Total Questions: 114
Total Answers: 93

Location: Israel
Member since Wed, Apr 14, 2021
3 Years ago
luna questions
;