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

You can scroll to any element ref on your view by using the code block below. Note that the target (elementref id) could be on any valid html tag.

On the view(html file)

 
Button
 

  

on the .ts file,

scroll() {
   document.querySelector('#target').scrollIntoView({ behavior: 'smooth', block: 'center' });
}