uniapp 消息列表进入详情后页面返回时保存当前位置_uniapp离开页面时保存当前页数和查看商品的位置

1.使用onPageScroll()监听页面滚动距离

// scrollTop是data中定义的变量，可以将页面的滚动值赋值保存下来。
		onPageScroll(e) {
			this.scrollTop = e.scrollTop;
			uni.setStorage({
				key:"newsTop",
				data:this.scrollTop
			})
		},
1
2
3
4
5
6
7
8

2.在消息列表页的onShow()函数中获取缓存值

		onShow() {
			uni.getStorage({
				key:"newsTop",
				success:(res)=> {
					//在onshow中如果要使用uni.pageScrollTo方法让页面滚动到指定位置，需要使用定时器才可以
					var timer = setTimeout(()=>{
						uni.pageScrollTo({
						    scrollTop: res.data,  //距离页面顶部的距离
						    duration: 0
						});
						clearTimeout(timer);
					},10)
				}
			});
		},
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

3.从消息列表页返回到其他页面时，在onBackPress()中清除缓存

onBackPress(e) {
	if(e.from == "backbutton"){
		uni.setStorage({
			key:"newsTop",
			data:0
		})
		uni.navigateBack();
		return true;
	}
},

1
2
3
4
5
6
7
8
9
10
11