uniapp示例新闻中从详情页面回到新闻列表页面如何做到scroll-view的滚动条仍然保持在原来位置

分类：uni-app

uni-app新建项目中的新闻模板，新闻列表页面在一个scroll-view中，当列表超过一页，滚动到适当位置，点击进入新闻详情页面后，点击返回按键回到新闻列表页面，这个时候新闻列表滚动到了顶部，如何使返回时新闻列表页面仍然保持在原来的位置？

2019-05-05 09:09 负责人:无分享

13 个回复

SANWAN

在scroll-view 设置属性 :scroll-top="scrollTop" （scrollTop为Data中的值），点击跳转其他页面时，通过this.scrollTop=event.currentTarget.offsetTop; 获得当前滚动条的位置，并赋值给scrollTop，返回后就不会滚动到顶部了

黄河爱浪 - 在线接单，个人uniapp插件主页：https://ext.dcloud.net.cn/publisher?id=110853

如果是H5端的话，这是产品设计的错误。H5端不应该存在这样的设计，各个浏览器对返回上一页的处理都不一样，建议更换为传统的分页方式，或者在点击跳转前缓存当前页面的数据和位置信息，返回后再重新渲染，这代价无疑是巨大的

Trust - 少说废话

什么平台？
HBuilderX版本多少？

kkdream (作者) - 编程浪子

HBuilderX 1.9.4.20190426

kkdream (作者) - 编程浪子

运行在PC端的Chrome浏览器中现象如此，手机上的H5页面还没有测试，等下我测试一下！然后再试试编译后的Android版本

kkdream (作者) - 编程浪子

确认编译后的Android版本不存在此问题，H5页面存在此问题，看来网页回退需要单独处理类似div的滚动条定位问题

kkdream (作者) - 编程浪子

适当缩减可使用窗口高度，H5网站在我华为P9手机上测试访问可以，不知道其他手机如何，对此问题关心者请试一下并回复
computed: {
scrollViewHeight() {
return 'height:' + (uni.getSystemInfoSync().windowHeight-60) + 'px';
}
},