使用HostListener Angular +2在页面底部时如何获得警报

Question

我正在使用此HostListener：

@HostListener("window:scroll", [])
    onWindowScroll() {
      const offset = this.window.pageYOffset || this.document.documentElement.scrollTop || this.document.body.scrollTop || 0;
      //How can I display an alert when I'm at bottom of page
    }

我用console.log(this.window.document.body.offsetHeight); 获取高度，以及当我使用console.log(this.window.pageYOffset); 并滚动到页面末尾，该数字不匹配。

Answer 1

干得好

onWindowScroll() {
  const offset = this.window.pageYOffset || this.document.documentElement.scrollTop || this.document.body.scrollTop || 0;
   if ((this.window.innerHeight + this.document.documentElement.scrollTop) >= this.document.body.offsetHeight) {
        alert("Rock bottom");
    }
}