【报Bug】vue3 跳转到新页面滚动条位置不对打开新页面滚动条应该在顶部但是目前打开新页面滚动条位置会和前一个页面一样

分类：uni-app

bug已修复

产品分类： uniapp/H5

PC开发环境操作系统： Windows

PC开发环境操作系统版本号： 10

HBuilderX类型：正式

HBuilderX版本号： 3.4.15

浏览器平台：手机系统浏览器

浏览器版本：全部

项目创建方式： HBuilderX

操作步骤：

比如有两个页面A和B 当页面A 在滚动到页面距顶部400的位置打开页面B 页面B的内容超过一屏那么页面B的位置也会在距离顶部400的位置

预期结果：

正常逻辑打开新页面滚动条应该始终在顶部才对

实际结果：

比如有两个页面A和B 当页面A 在滚动到页面距顶部400的位置打开页面B 页面B的内容超过一屏那么页面B的位置也会在距离顶部400的位置

bug描述：

比如有两个页面A和B 当页面A 在滚动到页面距顶部400的位置打开页面B 页面B的内容超过一屏那么页面B的位置也会在距离顶部400的位置正常逻辑打开新页面滚动条应该始终在顶部才对

demo.zip

2022-06-13 18:23 负责人:DCloud_UNI_OttoJi 分享

12 个回复

最佳回复

DCloud_UNI_OttoJi - 日常回复 uni-app/x 问题，如果艾特我没看到，请主动私信

关联 https://ask.dcloud.net.cn/question/193400

HBuilderX 4.22.2024062415-alpha 已修复。

各位验证下吧

DCloud_UNI_OttoJi

如果仍有问题，请在 https://ask.dcloud.net.cn/question/193400 进行反馈或者开新贴反馈

2024-06-26 17:07

DCloud_UNI_Anne

请提供简单、可稳定复现、能直接运行的完整示例（上传附件），方便我们快速排查问题哦。
【bug优先处理规则】https://ask.dcloud.net.cn/article/38139

代码熊 (作者)

http://vue3-hellouniapp.dcloud.net.cn/ 亲官方demo也是这样的哦

2022-06-13 18:34
代码熊 (作者)

截图已上传下面看一下哦

2022-06-13 18:36
DCloud_UNI_Anne

回复代码熊: Android 11 Redmi K40 手机系统浏览器未复现此问题。请提供更新复现信息。

2022-06-13 18:45
代码熊 (作者)

回复 DCloud_UNI_Anne: 手机端首次打开是正常的第二次就不对了我再微信内打开和夸克试了都是这样的

2022-06-13 18:50
代码熊 (作者)

回复 DCloud_UNI_Anne: 官方的vue3 h5预览页你在第一个页面滚动条拉倒底部然后打开 view这个页面第一次打开可能正常你第二次打开试试位置肯定是不对的

2022-06-13 18:53
代码熊 (作者)

回复 DCloud_UNI_Anne: 测了两个手机都是这样的华为mate20 和华为mete10 不同的浏览器都是如此

2022-06-13 18:58
代码熊 (作者)

回复 DCloud_UNI_Anne: 复现录屏已发了哦

2022-06-13 19:08

代码熊 (作者)

看一下哦

代码熊 (作者)

复现视频

665fee0b74c6c05b9752fd76ae276de4.zip

2***@qq.com

解决了吗，vue2小程序也有这个问题

2022-06-22 10:19

1***@qq.com

BUMP！这个bug在vue3下存在：

切换tab时，当前tab页的滚动条位置会受到上个tab页滚动位置的影响，重现步骤：

1、在页面tab1，滚动到bottom。
2、切换到页面tab2，如果是首次加载，滚动位置为置为top。
3、切换为页面tab1，此时tab1页面的滚动条位置已经变成top了。
4、继续在tab1页面，滚动到bottom。
5、切换到页面tab2，你会发现tab2页面的滚动条位置已经变成bottom了。

求尽快解决，谢谢！