Как определить прокрутку с помощью Ionic 2+ и Angular 2+?

Question

Можно ли определить, когда окно прокручивается?

Я попытался добавить HostListener:

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

И я попытался использовать Renderer2:

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

Не работает.

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
  }
}

Answer 2

вы можете обнаружить прокрутку с помощью приведенного ниже кода, так же, как ваш первый фрагмент кода.

 @HostListener('window:scroll')
 onWindowScroll():void {
   let isScrolled = window.scrollY > this.heightToCompare;
   if (isScrolled !== false) {
      //  do what you want  
   } 
 }