当前位置:网站首页>微信小程序中,从一个页面跳转到另一个页面后,在返回后发现页面同步滚动了

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

2022-07-05 09:46:00 huxiaoxiao.

问题描述:

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

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

解决方法:

1.不推荐,推荐用2

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

2.

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

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

原网站

版权声明
本文为[huxiaoxiao.]所创,转载请带上原文链接,感谢
https://blog.csdn.net/lolhuxiaotian/article/details/125483043