解决uniapp从首页列表进入详情页，再返回首页时滚动条在顶部的问题

问题描述：

从首页列表点击进入列表详情页后再返回这时页面显示并不是我刚刚点击的那个地方而是又回到了页面顶端。

解决思路：
1.首先需要获取滚动条的位置并把它存到data里边

2.点击首页列表进入详情页的时候把获取到的滚动条的位置保存到缓存里边

3.然后从详情页返回首页onshow的时候获取到刚刚缓存的滚动条位置并uni.pageScrollTo设置滚动条的位置。

**备注：**再次从首页列表进入详情页的时候缓存里的滚动条位置会有缓存，所以需要第四步来处理一下。

4.onBackPress监听页面返回，from == "backbutton"点击了页面左上角的返回的时候就把缓存里的滚动条位置清0 并使用uni.navigateBack()返回上一级

解决uniapp从首页列表进入详情页，再返回首页时滚动条在顶部的问题相关推荐

列表页进入详情页再返回列表页时，显示默认第一页的bug修复
如图所示,当我点击分页第二页的第一项,进入详情页后,在点击返回按钮,按理说应该返回到列表页第二页,但是却变成了默认的首页究其原因,大概是在返回列表页时,接口传参的当前页码pageNum默认传的是1, ...
vue页面详情页返回列表页_vue列表页进入详情页，返回列表项不刷新
功能像搜索功能,在点击某项进入详情页,再回到搜索界面,如果不做特殊处理,初始化到原来的状态,在vue中可以使用keep-alive缓存搜索界面,达到数据不刷新的结果. 思路在搜索路由对象的meta ...
爬取电影天堂电影列表和详情页
爬取电影天堂电影列表和详情页 import requests from lxml import etreebase_list_url = 'https://www.dytt8.net'headers ...
微信小程序新闻列表及详情页
微信小程序新闻列表及详情页页面效果新闻列表 <view class="conatiner"><view class="news-item" ...
微信公众号点击列表进入详情页
问题:微信公众号点击记录进入详情的时候,如果详情页代码是在当前页面,那么就没有进入页面记录,在点击返回的时候,会直接返回到最开始的地方,而非列表页. 解决:这时候就需要在点击列表的时候,插入一条记录, ...
【一句话调用】h5页面返回缓存如js加载列表页点击进入详情页，返回后刷新的问题和无法定位问题 html 返回定位
在做html5开发时,经常会碰到从列表页跳转到详情页,然后在点击返回或者手机手势返回后,列表内容刷新且无法定位到点击的位置,尤其包含列表加列表的情况问题尤其明显. 解决办法如下: 1.vue的组件切 ...
vue中如何实现列表的详情页获取及渲染
一.页面跳转方式在页面中有两种跳转方式,第一种跳转方式是使用 a 标签的形式进行跳转,也称之为标签跳转.第二种跳转方式是使用 window.location.href 的形式进行跳转,也称之为编程 ...
淘宝店铺装修（首页和宝贝详情页显示不一致）
做淘宝C店铺装修的时候,很多会使用到footer-more-trigger属性中的position:absolute;绝对定位.但是该属性在宝贝详情页中是没有的,制作店招或者页尾时的共用模块就可能会显 ...
vue列表进入详情页实现上一篇下一篇功能
一.案例简介开发中有一个数据列表,每一行可以点击查看对应的详情页面.但是每次点击进入详情页面之后想要看下一条数据的详情需要关掉当前页面重新打开下一条,使用人员觉得比较麻烦,所以要求在详情页加上(上一 ...
Activity 切换动画（小米图库列表进入详情页，图片从固定位置放大进入，缩小退出）
直接上效果图 ok,来分析下如何实现的吧分析原理首先确定,这是两个不同的 Activity,从图片列表页跳入到图片详情页:先来看进入详情页时的动画,从列表中所在 item 的位置一直放大到详情页的 ...

解决uniapp从首页列表进入详情页，再返回首页时滚动条在顶部的问题

解决uniapp从首页列表进入详情页，再返回首页时滚动条在顶部的问题相关推荐

最新文章

热门文章