OStack程序员社区-中国程序员成长平台

标题: javascript - ionic 2 : Run functions while scrolling on iOS [打印本页]

---

作者: 菜鸟教程小白    时间: 2022-12-11 19:51
标题: javascript - ionic 2 : Run functions while scrolling on iOS

我试图在滚动时执行一些功能。基本上，如果遇到某个滚动位置，我希望应用程序做一些事情。

这里是一些代码:

  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 在滚动时停止。有解决办法吗？

---

Best Answer-推荐答案

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 来监听这两个事件。

关于javascript - ionic 2 : Run functions while scrolling on iOS，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44504515/

---

欢迎光临 OStack程序员社区-中国程序员成长平台 (https://ostack.cn/)

Powered by Discuz! X3.4