Angular 角度材质表检测滚动条

我正在使用Angular Material Table，希望检测用户何时滚动表格。为此，我使用了

cdkScrollable

应用程序我的组件

：

<table mat-table cdkScrollable [dataSource]="dataSource">

constructor(private scrollDispatcher: ScrollDispatcher) {
    this.scrollDispatcher.scrolled().subscribe(x => console.log('I am scrolling'));
}

app my component

中表格的高度限制为垫子标签的高度。因此，滚动条显示在mat选项卡内

---

当

app my component

位于

mat tab

内时，如何使其工作？

请在stackblitz中重新创建此问题？从这里尝试接受的解决方案：这是关于mat tab还是mat table？

<mat-tab-group (selectedTabChange)="tabChanged($event)">
    <mat-tab>
      <ng-template mat-tab-label>
        <span>My Component</span>
      </ng-template>

      <app-my-component></app-my-component>
    </mat-tab>
</mat-tab-group>