我用Id引用了这个元素:

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

当浏览器到达元素的底部时,我需要监听.

如何做到这一点?

推荐答案

我想你要做的就是检测卷轴的位置.

@HostListener("window:scroll", ["$event"])
onWindowScroll() {
//In chrome and some browser scroll is given to body tag
let pos = (document.documentElement.scrollTop || document.body.scrollTop) + document.documentElement.offsetHeight;
let max = document.documentElement.scrollHeight;
// pos/max will give you the distance between scroll bottom and and bottom of screen in percentage.
 if(pos == max )   {
 //Do your action here
 }
}

也不要忘记从@angular/core导入HostListener.

Angular相关问答推荐

Ionic 5角形共享两个模块之间的组件

尽管有模拟间谍实现,规范文件仍调用真正的服务

带输入的单位测试Angular 分量.需要

带迭代的Angular 内容投影

弯管记忆

Ngrx Select 器返回部分对象

Observable转换为Observable

如何重置表单中的特定字段?

刷新页面导致 401 错误-Angular 8

as和let之间的异步管道区别

如何在Angular2中基于特定的构建环境注入不同的服务?

如何在 Angular 2 中获取与 ElementRef 关联的组件的引用

来自 ngFor 项的动态 routerLink 值给出错误Got interpolation ({{}}) where expression was expected

Angular2 - 如何开始以及使用哪个 IDE

Angular 2 中的 $implicit 是什么?

Failed to execute 'setAttribute' on 'Element': ']' is not a valid attribute name

NG2-Charts 无法绑定到 datasets,因为它不是 canvas的已知属性

Angular 2 filter/search 列表

Angular 应用程序必须在新部署后清除缓存

如何在 Angular CLI 6: angular.json 中添加 Sass 编译?