I have a #content div and a button component.
When I click the button, I want to scroll to the top of the #content div.
HTML:
<div id="content">
Loren ipsum
</div>
<div (click)="toTop($event)">top</div>
topscroll.component.ts:
export class TopscrollComponent implements OnInit {
constructor() { }
ngOnInit() { }
toTop(event){
...
}
}
You can do that with plain javascript using .scrollIntoView():
toTop() {
document.getElementById("content").scrollIntoView();
}
Note: you don't need event.
#content div?console.log(top) say? Is it undefined, or a number?Get the div class or id using query selector and scroll into it
const divElement: HTMLElement = document.querySelector('.div-class-name') as HTMLElement;
if(divElement){
divElement.scrollIntoView({ behavior: 'smooth' });
}