qidao123.com ToB IT社区-企服评测·应用市场

标题: 微信小步伐：中途退出原页面，再次进入无法回到退出时的位置 [打印本页]

---

作者: 八卦阵    时间: 2025-11-9 01:11
标题: 微信小步伐：中途退出原页面，再次进入无法回到退出时的位置
信任许多微信小步伐的开辟者都会遇到如许的标题，那本日我们就来详细的看下怎样办理

一、利用 scroll-view 组件生存滚动位置：

  

• 在 wxml 文件中，利用 scroll-view 组件包裹须要滚动的内容。  
  
• 在 data 中界说一个变量来存储 scroll-view 的 scroll-top 属性值。  
  
• 在 scroll-view 的 bindscroll 变乱中，及时更新存储的 scroll-top 值。  
  
• 当再次进入页面时，将存储的 scroll-top 值设置到 scroll-view 的 scroll-top 属性上。
  

二、利用页面栈生存页面信息：

  

• 在 onHide 或 onUnload 生命周期函数中，将当前页面的滚动位置等信息存储到 getCurrentPages 获取的页面栈中。  
  
• 在 onShow 生命周期函数中，从页面栈中取出存储的信息，并规复滚动位置等状态。
  

以下是一个利用 scroll-view 组件的详细实现示例：
wxml 文件：

1. <scroll-view scroll-y="true" bindscroll="onScroll" scroll-top="{
2.    
3.     {scrollTop}}">
4.   <!-- 这里放置你的页面内容 -->
5.   <view wx:for="{
6.    
7.     {list}}" wx:key="index">{
8.   
9.   {item}}</view>
10. </scroll-view>

复制代码

js 文件：

1. Page({
2.    
3.    
4.   data: {
5.    
6.    
7.     scrollTop: 0, // 存储 scroll-view 的 scroll-top 属性值
8.     list: [] // 假设这是页面中的列表数据
9.   },
11.   onLoad: function

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

---

欢迎光临 qidao123.com ToB IT社区-企服评测·应用市场 (https://www.qidao123.com/bbs/)

Powered by Discuz! X3.5