Scroll to element on click in Angular 4

Question

I want to be able to scroll to a target when a button is pressed. I was thinking something like this.

Button         


        

Answer 1

There is actually a pure javascript way to accomplish this without using setTimeout or requestAnimationFrame or jQuery.

In short, find the element in the scrollView that you want to scroll to, and use scrollIntoView.

el.scrollIntoView({behavior:"smooth"});

Here is a plunkr.