Javascript cdk虚拟滚动视口如何确定何时到达表列表的底部以获取更多数据

我想确定虚拟滚动何时位于视口底部，以便调用更多数据。我最初在tbody中使用了#tableBody元素，但结果很糟糕，只有两个卷轴。如何访问cdk虚拟滚动位置并调用更多数据

这在.ts文件中，它返回未定义的

@ViewChild('tableBodyElement', { static: false })
  tableBodyElement: ElementRef;

这是html

 <tbody class="resizableTableBody" id="tBody">
            <cdk-virtual-scroll-viewport
              #tableBodyElement
              class="virtual-viewport"
              [itemSize]="20"
              [minBufferPx]="50"
              [maxBufferPx]="200"
            >