Skip to main content

Return to Answer

deleted 7 characters in body
Source Link
Guilherme Meireles
Guilherme Meireles
  • 7.9k
  • 2
  • 23
  • 16

You can register a route change listener on your main component and scroll to top on route changes.

import { Component, OnInit } from '@angular/core'; import { Router, NavigationEnd } from '@angular/router'; @Component({ selector: 'my-app', template: '<ng-content></ng-content>', }) export class MyAppComponent implements OnInit { constructor(private router: Router) { } ngOnInit() { this.router.events.subscribe((evt) => { if (!(evt instanceof NavigationEnd)) { return; } document.bodywindow.scrollTop =scrollTo(0, 0;0) }); } }

You can register a route change listener on your main component and scroll to top on route changes.

import { Component, OnInit } from '@angular/core'; import { Router, NavigationEnd } from '@angular/router'; @Component({ selector: 'my-app', template: '<ng-content></ng-content>', }) export class MyAppComponent implements OnInit { constructor(private router: Router) { } ngOnInit() { this.router.events.subscribe((evt) => { if (!(evt instanceof NavigationEnd)) { return; } document.body.scrollTop = 0; }); } }

You can register a route change listener on your main component and scroll to top on route changes.

import { Component, OnInit } from '@angular/core'; import { Router, NavigationEnd } from '@angular/router'; @Component({ selector: 'my-app', template: '<ng-content></ng-content>', }) export class MyAppComponent implements OnInit { constructor(private router: Router) { } ngOnInit() { this.router.events.subscribe((evt) => { if (!(evt instanceof NavigationEnd)) { return; } window.scrollTo(0, 0) }); } }
Should not use snippet if the code doesn't run
Source Link
edit approved Sep 20, 2016 at 20:06
Diego Unanue
edit approved Sep 20, 2016 at 20:06
Diego Unanue
  • 6.9k
  • 9
  • 49
  • 69

You can register a route change listener on your main component and scroll to top on route changes.

import { Component, OnInit } from '@angular/core'; import { Router, NavigationEnd } from '@angular/router'; @Component({ selector: 'my-app', template: '<ng-content></ng-content>', }) export class MyAppComponent implements OnInit { constructor(private router: Router) { } ngOnInit() { this.router.events.subscribe((evt) => { if (!(evt instanceof NavigationEnd)) { return; } document.body.scrollTop = 0; }); } }

import { Component, OnInit } from '@angular/core'; import { Router, NavigationEnd } from '@angular/router'; @Component({ selector: 'my-app', template: '<ng-content></ng-content>', }) export class MyAppComponent implements OnInit { constructor(private router: Router) { } ngOnInit() { this.router.events.subscribe((evt) => { if (!(evt instanceof NavigationEnd)) { return; } document.body.scrollTop = 0; }); } }

You can register a route change listener on your main component and scroll to top on route changes.

import { Component, OnInit } from '@angular/core'; import { Router, NavigationEnd } from '@angular/router'; @Component({ selector: 'my-app', template: '<ng-content></ng-content>', }) export class MyAppComponent implements OnInit { constructor(private router: Router) { } ngOnInit() { this.router.events.subscribe((evt) => { if (!(evt instanceof NavigationEnd)) { return; } document.body.scrollTop = 0; }); } }

You can register a route change listener on your main component and scroll to top on route changes.

import { Component, OnInit } from '@angular/core'; import { Router, NavigationEnd } from '@angular/router'; @Component({ selector: 'my-app', template: '<ng-content></ng-content>', }) export class MyAppComponent implements OnInit { constructor(private router: Router) { } ngOnInit() { this.router.events.subscribe((evt) => { if (!(evt instanceof NavigationEnd)) { return; } document.body.scrollTop = 0; }); } }
Source Link
Guilherme Meireles
Guilherme Meireles
  • 7.9k
  • 2
  • 23
  • 16

You can register a route change listener on your main component and scroll to top on route changes.

import { Component, OnInit } from '@angular/core'; import { Router, NavigationEnd } from '@angular/router'; @Component({ selector: 'my-app', template: '<ng-content></ng-content>', }) export class MyAppComponent implements OnInit { constructor(private router: Router) { } ngOnInit() { this.router.events.subscribe((evt) => { if (!(evt instanceof NavigationEnd)) { return; } document.body.scrollTop = 0; }); } }