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);
  ...
}

参见 this stackblitz用于演示。