event listener on div reach top Angular

Question

Is this any way to trigger event when div reach top of the window in Angular? I need to fire animation when client scroll to specific place with id but can't find any solution for this problem.

Answer 1

@HostListener('scroll', ['$event'])
onScroll(event) {
  this.scroll = event.srcElement.scrollTop
  ...
}

and your specific div

<div (scroll)="onScroll($event)">

getting the actual scroll position

document.documentElement.scrollTop

Documentation:

• HostListener & HostBinding