Angular 8中的水平滚动事件？

【问题标题】：Horizontal scroll event in Angular 8?Angular 8中的水平滚动事件？
【发布时间】：2019-11-27 17:20:24
【问题描述】：

详细说明this 威胁，我已经设法通过我的应用程序中的scroll 事件导航路线！我的问题，我需要它仅在水平滚动而不是垂直滚动时才能工作，这是在 Angular 8 中执行此操作的一种方式吗？

【问题讨论】：

【解决方案1】：

您可以使用主机监听功能来识别滚动事件，

 @HostListener('scroll', ['$event']) private onScroll($event:Event):void {
    console.log($event.srcElement.scrollLeft, $event.srcElement.scrollTop);
 };

如果scrollLeft有变化，则表示水平滚动事件。

【讨论】：

【解决方案2】：

我们可以使用(scroll)="myFunction()" 来检测角度中的scroll...

在component.html

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

在component.ts

onScroll(event: Event) {
  console.log(event);
  // write your logic here
}

【讨论】：