Ionic 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");
      }
    });
  }

它在网络浏览器或 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 来监听这两个事件。