Ionic 2 Scroll Event

Question

У меня есть компонент ионной прокрутки. Я пытаюсь выполнить код во время прокрутки. В Ionic 1 это было возможно с помощью атрибута on-scroll и передачи функции.

Документация также отсутствует. Есть ли встроенный способ в Ionic 2 для обнаружения прокрутки, или мне нужно прибегнуть к добавлению моих собственных обработчиков событий, используя jQuery или событие прокрутки окна?

Answer 1

Я нашел решение здесь: "На прокрутке" не работает в

С использованием "addScrollEventListener" внутри "ngAfterViewChecked",

Answer 2

Вы можете использовать addScrollEventListener метод компонента Scroll, например так:

this.scroll.addScrollEventListener((event) => {
    console.log(event);
});

Ваш HTML:

<ion-header>
    <ion-navbar>
        <ion-title>Title</ion-title>
    </ion-navbar>
</ion-header>

<ion-content class="no-scroll">
    <ion-scroll></ion-scroll>
</ion-content>

Ваш Машинопись:

import {Component, ViewChild} from '@angular/core';
import {Scroll} from 'ionic-angular';

@Component({
    selector: 'page-home',
    templateUrl: 'home.html'
})

export class HomePage {
    @ViewChild(Scroll) scroll: Scroll;

    constructor() {}

    ngAfterViewInit() {
        this.scroll.addScrollEventListener(this.onScroll);
    }

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

Answer 3

Я нашел это решение здесь: https://forum.ionicframework.com/t/ionic-2-rc4-addscrolllistener/73145/16?u=kamleshappster

this.content.ionScroll.subscribe(($event) => {
 this.scrollAmount = $event.scrollTop;
});