angular - 如何检测滚动到html元素的底部

Question

我有这个通过 Id 引用的元素:

    let infiniteScrollElement = document.getElementById('th-infinite-scroll-tracker');

我需要在浏览器到达元素底部时进行监听。

如何实现？

Answer 1

您可以通过以下方式检查用户是否已滚动到底部...

HTML 文件

<div (scroll)="onScroll($event)">
    ...
    ...
</div>

typescript 文件

onScroll(event: any) {
    // visible height + pixel scrolled >= total height 
    if (event.target.offsetHeight + event.target.scrollTop >= event.target.scrollHeight) {
      console.log("End");
    }
}