Angular 4 обнаруживает горизонтальную прокрутку на элементе

Question

Как я могу обнаружить горизонтальную прокрутку на элементе

У меня есть div в содержащем div, который прокручивает слева направо.

Я хочу определить, когда div прокручивается.

Я могу использовать это для обнаружения прокрутки окна, но как определить прокрутку одного элемента

@HostListener("window:scroll", []) onWindowScroll() {
    console.log('scrolling');
    const verticalOffset = window.pageYOffset
        || document.documentElement.scrollTop
        || document.body.scrollTop || 0;
}

Answer 1

Вы можете обработать событие прокрутки контейнера div:

<div class="container" (scroll)="onScroll($event)">
  <div class="content">
    Some content 
  </div>
</div>

onScroll(event: Event) {
  console.log(event);
  ...
}

См. Демоверсию этого стека .