如何在Angular 4中检查滚动是否为底部？

Question

  @HostListener('window:scroll', ['$event'])
  onWindowScroll() {
    if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight) {
        console.log('reached bottom');
    }
  }

它是如上所述的这个代码的工作，但它发生了很多次甚至没有到达底部的完全结束。

如何检查滚动是否到达底部的末尾？

Answer 1

 if (window.innerHeight + window.scrollY === document.body.scrollHeight) {
      console.log('bottom');
 }

我找到了。

Answer 2

这对我有用。

import { HostListener } from '@angular/core';

@HostListener('window:scroll', ['$event'])
  onWindowScroll(event) {
    // 200 is the height from bottom from where you want to trigger the infintie scroll, can we zero to detect bottom of window
    if ((document.body.clientHeight + window.scrollY + 200) >= document.body.scrollHeight) {
        console.log('tiggred');
    }
  }