javascript - ionic 2 : Run functions while scrolling on 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 来监听这两个事件。