Create Scroll to top button in Angular material 5

Question

<button mat-icon-button>
    <mat-icon>keyboard_arrow_up</mat-icon>
  </button>

How to create scroll to top button in angular material 5?

Answer 1

Just add an event click and use JavaScript to scroll to top:

<button mat-icon-button (click)="window.scrollTo(0, 0);">
<mat-icon>keyboard_arrow_up</mat-icon>
</button>

https://www.w3schools.com/jsref/met_win_scrollto.asp