我有一个类似 Facebook 的应用程序,其中填充了提要。我的 <body>
上有一个卷轴但是这些提要在一些嵌套的子组件中 <app-feeds>
.我想不使用任何像ngx-infinite-scroll
这样的库来实现无限滚动或者....
为了实现我正在使用 @HostListener()
在完整的文件上。但是当文档滚动到最后时,console.log('End') 不会被触发。下面是我的实现...有人,请帮助我。
@ViewChild('feedSection') el: ElementRef;
@HostListener('document:scroll', ['$event'])
onScroll(event: any) {
const elm = this.el.nativeElement;
if (elm.offsetHeight + elm.scrollTop >= elm.scrollHeight) {
console.log('End');
}
}
我的 app-feed
组件是
<app-home>
<div #feedSection class="feed-container">
...
</div>
</app-home>
最佳答案
您需要使用 console.log() 找到“offsetHeight”、“scrollHeight”属性的值。在我之前的一个项目中,为了执行滚动结束条件,我减去了“20px”的偏移值。它可能因浏览器而异。
关于javascript - console.log 不会在文档滚动到达末尾时触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51979856/