当滚动 go 到结束页面时，活动 function

Question

当滚动条到达页面底部时，我想执行 function 。

我如何知道滚动是否已到达页面末尾？

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

但它不起作用。

我怎么能做这个工作？？？

Answer 1

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

在这里您可以看到演示的全屏预览。