滚动到结束页面时的活动功能

Question

我想在滚动条到达页面底部时执行一个函数。

我如何知道滚动条是否到达了页尾？

@HostListener("window:scroll", [])
onScroll(): void {
if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight) {
        console.log('end')
    }
}

但它不起作用。

我怎样才能完成这项工作？？？？

Answer 1

使用该示例非常简单。您可以使用组件的.ts 文件中的代码来使用它。在 CodeSandBox 上查看此 demo。我已经用角度实现了小提琴。

Here你可以看到demo的全屏预览。