title: Angular 2 scroll to top on route change not working
body: <p>I am trying to scroll to the top of my page on my angular 2 site when the route changes, I have tried the following, but nothing happens, when I change the route from one page to another, the page is scrolled to where it was on the first page:</p>
  
  <pre><code>import { Component, OnInit } from '@angular/core';
  import { Router, NavigationEnd } from '@angular/router';
  
  @Component({
      selector: 'my-app',
      template: '&lt;ng-content&gt;&lt;/ng-content&gt;',
  })
  export class MyAppComponent implements OnInit {
      constructor(private router: Router) { }
  
      ngOnInit() {
          this.router.events.subscribe((evt) =&gt; {
              if (!(evt instanceof NavigationEnd)) {
                  return;
              }
              window.scrollTo(0, 0)
          });
      }
  }
  </code></pre>
  
  <p>What am I doing wrong?</p>