Angular: Fixed Top Menu, switching page but not scrolling top

Question

I have a fixed top menu in Angular but when I try to switch page (within the app) the browser windows is not scrolling up.

I try to do this in my controller (this code is loaded every time i switch page within the app):

$('body').scroll();
window.scrollTo(0, 0);
$("html, body").animate({ scrollTop: 0 }, 100);

None of which is working.

Is there any trick that i am missing?

I tried this as well:

$location.hash('#top');
// call $anchorScroll()
$anchorScroll();

but without success

Patryk Ziemkowski · Accepted Answer · 2013-11-04 23:20:02Z

3

First of all, you should never attach DOM events or modify DOM from controller. You can use directives for that.

As per you question - AngularJS has an event called '$routeChangeSuccess'. You can attach handler to this event with $scope.$on('$routeChangeSuccess', function () {...}) and run scrolling code inside.

answered Nov 4, 2013 at 23:20

Patryk Ziemkowski

1,51012 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Jerome Ansia Over a year ago

Hey Thanks Patryk, I know but i am just trying everything out there to see what is working, I try your code and the listener is triggered but still it's not going up, with jQuery / window / or anchorScroll

Patryk Ziemkowski Over a year ago

What version of angular are you using?

Jerome Ansia Over a year ago

k your fix worked, i had another JavaScript code that's was causing the problem (of your fix not working) ;) Thank you!

Collectives™ on Stack Overflow

Angular: Fixed Top Menu, switching page but not scrolling top

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related