Perfectly scroll to top. but when i scroll down and click anywhere on page, again scroll moves to the top

Question

Here is my code. Works fine when renders the page but changes to top when i click down somwhere

   ngAfterViewChecked() {
      // this.mainPageComponent.rightPanel.nativeElement.scrollTo(0, 0);
      this.element.nativeElement.scrollIntoView();
   }

Answer 1

ngAfterViewChecked is triggered every time after angular has check the view of your component.

You should use ngOnInit if you want this effect to be trigger only at initialisation.

cf : https://angular.io/guide/lifecycle-hooks