angular - 如何使用 Ionic 2+ 和 Angular 2+ 检测滚动？

Question

是否可以检测窗口何时滚动？

我试过添加HostListener：

@HostListener("window:scroll", [])
onScroll() {
   console.log('scroll');
}

我试过使用Renderer2：

this.renderer.listen(
   'window',
   'scroll',
   (evt) => {
      console.log('scroll');
   }
);

都不工作。

标签： angularionic-frameworkionic2angular7

Answer 1

Ionic2/3 中的语法不同。应该是这样的：

<ion-content (ionScroll)="scrolling($event)" (ionScrollEnd)="scrollComplete($event)">
  <ion-list>
   ...
  </ion-list>   
</ion-content> 

然后在你的 ts 文件中

constructor(){}
  scrolling(event) {
    // your content here for scrolling
  }

  scrollComplete(event) {
    // your content here of scroll is finished
  }
}