微信小程序中,从一个页面跳转到另一个页面后,在返回后发现页面同步滚动了

本文探讨了在小程序中遇到的组件间滚动问题,重点介绍了两种解决方案:一是使用`scroll-view`组件配合距离记录,二是包裹整个A页面的滚动区域。通过这两种方法,可以确保在从B页面返回A页面时保持正确的滚动位置。
摘要由CSDN通过智能技术生成

问题描述:

最近项目中有一个bug,在一个组件中引入了另一个组件,假设这两个组件名称分别为 A 和 B

我在A页面的顶部点击跳转到B页面,在B页面滚动到底部,选取了一个值自动返回A(或者点击顶部返回键返回到A),这时候会发现A也滚动到了最底部。

解决方法:

1.不推荐,推荐用2

通过威信小程序自带的组件  scroll-view,设置固定高度,在通过scroll-view中的 bindscroll方法,在滚动时获取距离顶部的距离,并赋值保存下来。在返回上一层页面的方法中调用 wx.pageScrollTo,其中的 scrollTop就是你记录的那个值,就行了

2.

跟第一个方法类似,但更简单,也是运用 scroll-view,把你整个 A 的可滚动区域包裹起来,注意是可滚动区域,固定高度就发现问题解决了

在这里多提一句,一般正常的返回键是小程序自带的,正常返回也不会有这个问题,仅供参考!

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值