Question

我似乎无法从Ionic 3的离子含量中捕获滚动事件。我需要div元素中的每个滚动来捕捉滚动事件以执行一些相关的计算。

我尝试了几种方法，包括将EventEmitter（ionScroll）绑定到HTML文件中的方法，或者将ion-content声明为viewchild并尝试在ngAfterViewInit（）方法中进行预订，但没有一个工作。

我要绑定的方法很简单：

 scrolling(event) {
   console.log(event);
 }

HTML文件：

<ion-content    style="height: 20000px;" (ionScroll)="scrolling($event)" >
</ion-content>

值得一提的是，这是项目home.html页面中的组件。

我在做什么错了？

Answer 1

import {Component, ViewChild} from '@angular/core';
import {Content} from 'ionic-angular';
@Component({
     selector: 'page-home',
   templateUrl: 'home.html',
})
export class ProjectPage {
    @ViewChild(Content) content:Content;

    ngAfterViewInit() {
       this.content.addScrollListener((event) =>  {
           //on scroll fire
       });
    }

}

无法捕获滚动事件IONIC V3

1 个答案: