在 ionic 3 中无法捕捉滚动事件答案

【问题标题】：It is impossible to catch scroll event in ionic 3在 ionic 3 中无法捕捉滚动事件
【发布时间】：2018-02-18 22:15:10
【问题描述】：

我想在 ionic3 中捕获列表组件的滚动事件，如下例所示：

<ion-content on-scroll = "scrolling()" on-scroll-complete = "scrollComplete()">
  <ion-list>
    <ion-item ng-repeat="item in items" 
              item="item"
              href="#/item/{{item.id}}">
      Item {{ item.id }}
    </ion-item>
  </ion-list>   
</ion-content>

https://codepen.io/etipirev/pen/aNYNpy?editors=1111

它似乎在 ionic 1 中工作，但在 ionic 3 中却没有？我还没有在 ionic 文档中找到任何事件描述。是否可以在 ionic 3 中捕获列表项的滚动？

【问题讨论】：

标签： javascript angular ionic-framework ionic2 ionic3

【解决方案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
  }
}

【讨论】：