Scroll to a certain element of the current page in Angular 4

Question

Upon clicking a button (which is bottom of the page), I want to go to a certain element (in my case, #navbar) which is in the top of the current page, but I don\'t know how

Answer 1

I think your way didn't work because of the empty router.

this.router.navigate(['/home'], { fragment: 'top' });

would work if 'home' is declared as a route and you have the id="top" element on it.

I know you would like it to be "pure Angular way", but this should work (at least):

gotoTop(){
  location.hash = "#navbar";
}