uni-app 首页加载或刷新后从主页跳转到二级页会触发onPageScroll且e.scrollTop=0

uni-app 首页加载或刷新后从主页跳转到二级页会触发onPageScroll且e.scrollTop=0

3 回复

这个问题到现在一年多了,也没解决

更多关于uni-app 首页加载或刷新后从主页跳转到二级页会触发onPageScroll且e.scrollTop=0的实战教程也可以访问 https://www.itying.com/category-93-b0.html


请问大佬解决了吗 也遇到这个问题了

在 uni-app 中,从首页跳转到二级页面时触发 onPageScrolle.scrollTop=0,通常是由于页面切换时触发了滚动事件监听。这属于框架的预期行为,因为页面切换会触发页面生命周期,包括滚动监听。

主要原因

  1. 页面初始化触发:进入二级页面时,页面初始化可能触发滚动监听,此时页面尚未滚动,因此 scrollTop 为 0。
  2. 页面切换动画:uni-app 默认的页面切换动画可能导致滚动事件被触发。

解决方案

  1. 条件判断:在 onPageScroll 中判断 scrollTop 的值,若为 0 可忽略或延迟处理。
    onPageScroll(e) {
      if (e.scrollTop > 0) {
        // 执行滚动相关逻辑
      }
    }
回到顶部