Вызвать ивент когда скролю напротив определенного div. Angular 8
Нужно вызвать ивент, когда скролл проходит напротив определенного блока и передать параметр - напротив какого именно он проходит.
Пробую вот так
@HostListener('window:scroll', ['$event'])
scrollHandler(event) {
console.log(event);
}
Печатет в консоле каждый скролл но не знаю как в event найти свойство напротив какого блока по id нахожусь.
Также пробывал вызывать на HTML вот так
<div id="futures" (window:scroll)="scrollHandler('futures')" SimpleSmoothScroll [duration]="500" class="m-0 p-0 title-book-article">
Работает не корректно, ивент вызывается всегда при сколле а не напротив блока где определил (scroll)
SimpleSmoothScroll [duration]="500" используются для якорей библиотекой
ng2-simple-smooth-scroll - если есть решение с помощью ее, то будет ок. Но пусть вас 'SimpleSmoothScroll ' не пугает, использую только лишь для клика и скролла на якорь.
Так же пробывал вот так
<div id="futures" (scroll)="scrollHandler('futures')" SimpleSmoothScroll [duration]="500" class="m-0 p-0 title-book-article">
Вообще игнорирует.
Как мне вызывать ивент при прокрутки напротив определенного блока и передать параметром напротив именно какого блока нахожу?