如何使用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");
    }
}