uni-app 点击页面元素实现页面跳转的同时会触发onPagescroll监听

yibo5220 1楼

大家可以尝试一下看看

更多关于uni-app 点击页面元素实现页面跳转的同时会触发onPagescroll监听的实战教程也可以访问 https://www.itying.com/category-93-b0.html

sinazl 2楼

是的，有解决吗

caililin 3楼

在 uni-app 中，页面跳转和 onPageScroll 监听同时触发是正常现象。当点击元素触发页面跳转时，当前页面会经历滚动位置变化（如返回顶部）或页面卸载过程，这会触发 onPageScroll 监听器。解决方法如下：

使用标志变量控制监听逻辑
在 data 中设置变量（如 isLeaving: false），跳转前将其设为 true，在 onPageScroll 中检查该变量以跳过不必要的逻辑：

data() {
  return { isLeaving: false }
},
methods: {
  navigate() {
    this.isLeaving = true;
    uni.navigateTo({ url: '/target-page' });
  }
},
onPageScroll(e) {
  if (this.isLeaving) return;
  // 正常滚动逻辑
}