当前位置:网站首页>微信小程序中,从一个页面跳转到另一个页面后,在返回后发现页面同步滚动了
微信小程序中,从一个页面跳转到另一个页面后,在返回后发现页面同步滚动了
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 的可滚动区域包裹起来,注意是可滚动区域,固定高度就发现问题解决了
在这里多提一句,一般正常的返回键是小程序自带的,正常返回也不会有这个问题,仅供参考!
边栏推荐
- Single chip microcomputer principle and Interface Technology (esp8266/esp32) machine human draft
- Common fault analysis and Countermeasures of using MySQL in go language
- isEmpty 和 isBlank 的用法区别
- 一种用于干式脑电图的高密度256通道电极帽
- TDengine × Intel edge insight software package accelerates the digital transformation of traditional industries
- 基于单片机步进电机控制器设计(正转反转指示灯挡位)
- Mysql80 service does not start
- Unity粒子特效系列-毒液喷射预制体做好了,unitypackage包直接用 - 上
- The comparison of every() and some() in JS uses a power storage plan
- Baidu app's continuous integration practice based on pipeline as code
猜你喜欢
How Windows bat script automatically executes sqlcipher command
把欧拉的创新带向世界 SUSE 要做那个引路人
Wechat applet - simple diet recommendation (2)
Kotlin compose and native nesting
uniapp + uniCloud+unipay 实现微信小程序支付功能
Roll up, break through 35 year old anxiety, and animate the CPU to record the function call process
让AI替企业做复杂决策真的靠谱吗?参与直播,斯坦福博士来分享他的选择|量子位·视点...
字节跳动面试官:一张图片占据的内存大小是如何计算
Unity粒子特效系列-毒液喷射预制体做好了,unitypackage包直接用 - 上
美图炒币半年亏了3个亿,华为被曝在俄罗斯扩招,AlphaGo的同类又刷爆一种棋,今日更多大新闻在此...
随机推荐
[NTIRE 2022]Residual Local Feature Network for Efficient Super-Resolution
Swift tableview style (I) system basic
Baidu app's continuous integration practice based on pipeline as code
天龙八部TLBB系列 - 关于技能冷却和攻击范围数量的问题
. Net delay queue
Kotlin compose multiple item scrolling
Cent7 Oracle database installation error
Kotlin compose and native nesting
如何判断线程池已经执行完所有任务了?
天龙八部TLBB系列 - 单体技能群伤
Comment obtenir le temps STW du GC (collecteur d'ordures)?
Theme. AppCompat. Light. Darkactionbar not found
字节跳动面试官:一张图片占据的内存大小是如何计算
Fluent generates icon prompt logo widget
Energy momentum: how to achieve carbon neutralization in the power industry?
Cerebral Cortex:有向脑连接识别帕金森病中广泛存在的功能网络异常
Roll up, break through 35 year old anxiety, and animate the CPU to record the function call process
Zblogphp breadcrumb navigation code
橫向滾動的RecycleView一屏顯示五個半,低於五個平均分布
Unity粒子特效系列-毒液喷射预制体做好了,unitypackage包直接用 - 上