イオン2：iOSでスクロールするときに関数を実行する

Question

スクロール中にいくつかの関数を実行しようとしています。基本的には、特定のスクロール位置が満たされている場合、私はアプリが何かをしたい。コードのここ

一部：

ionViewDidLoad() { 
    this.content.ionScroll.subscribe((event) => { 
     this.scrollPosition = event.scrollTop; 
     if(this.scrollPosition >= 100){ 
     console.log("more than 100"); 
     } 
     else { 
     console.log("less than 100"); 
     } 
    }); 
    } 

WebブラウザやAndroidデバイス上で期待どおりに動作しますスクロールしながら、それは繰り返し条件内「はconsole.log（）」のを実行します。 iOSでは、スクロールが停止するのを待ってからconsole.log（）を実行します。 パフォーマンス上の理由から、iOSでスクロール中にjavascriptが停止してしまったと読んでいました。このための回避策はありますか？

Answer 1

Safariはスクロールが完了するまでスクロールイベントを発生させないため、この場合はカスタムイベントリッスンを行う必要があります。

は、この記事をチェックアウト：javascript scroll event for iPhone/iPad?

をとてもように達成することができ：

document.addEventListener("touchmove", ScrollStart, false); 
document.addEventListener("scroll", Scroll, false); 

function ScrollStart() { 
    //start of scroll event for iOS 
} 

function Scroll() { 
    //end of scroll event for iOS 
    //and 
    //start/end of scroll event for other browsers 
} 

私はこれら二つのイベントをリッスンするHostListenerを使用して、ディレクティブを作成することをお勧めします。