7***@qq.com
7***@qq.com
  • 发布:2022-04-13 11:51
  • 更新:2023-09-11 15:54
  • 阅读:570

【报Bug】uniapp h5端,onPageScroll监听scrollTop在跳转页面时触发了onPageScoll事件,scrollTop变为了0

分类:uni-app

产品分类: uniapp/H5

PC开发环境操作系统: Windows

PC开发环境操作系统版本号: Windows 10 家庭中文版

HBuilderX类型: 正式

HBuilderX版本号: 3.3.13

浏览器平台: 微信内置浏览器

浏览器版本: 微信开发者工具

项目创建方式: HBuilderX

App下载地址或H5⽹址: https://app.hujintuan.com/app/#/

操作步骤:

1.在onPageScroll生命周期里,输出距离顶部距离console.log(e.scrollTop)
2.滚动滚动条至scrollTop 100(大于0)
3.点击当前页面上的任意链接如商品详情页,跳转方式是uni.navigateTo()
4.查看日志输出的地方,console.log(e.scrollTop)会输出0

预期结果:

预期跳转到商品详情页的时候不要触发onPageScroll生命周期,不要将scrollTop变成0

实际结果:

实际结果是当跳转页面时页面上的scrollTop变成了0

bug描述:

在h5端,onPageScroll,在首页监听scrollTop当前距离顶部距离,比如scrollTop滚动到了100,点击页面上的跳转链接会触发onPageScroll生命周期,scrollTop变为了0,返回页面scrollTop又为100
首页页面顶部导航栏背景默认是透明颜色,当scrollTop大于20才改变颜色,但是跳转页面后scrollTop变为了0,导致页面返回后当实际scrollTop大于20时背景也是透明色
真机和微信开发者工具都出现这个问题

2022-04-13 11:51 负责人:无 分享
已邀请:
小枫叶

小枫叶 - 外包接单加v:wlmk1234567 注明来意

先看onhide先出发还是pagescroll先触发, 实在不行给个demo吧 这边看一下

k***@vip.qq.com

k***@vip.qq.com

有同样的问题
页面切走时, scrollTop变0, 但back回来后, 页面保持了之前的滚动高度, 但是没有onPageScroll事件, scrollTop的值还是0

要回复问题请先登录注册