下拉加载更多,点击某个数据进去后,如果返回到上一次加载更多的位置?

发布于 2022-09-04 04:23:23 字数 461 浏览 18 评论 0

问题如题,
环境:移动端
需求:下拉实现加载更多数据(下拉分页),点击某项数据进入后,如果返回如何返回至上一次加载更多的位置。想了很多办法没有实现...

求解,有什么更好的方法。

图例

clipboard.png

clipboard.png

如上图,点击返回后正常会跳转数据列表页的顶部,有什么办法可以实现返回至列表20位置处

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(5

╭⌒浅淡时光〆 2022-09-11 04:23:23

试试#锚点,假设列表页叫list.html,渲染列表时为每一个item添加一个id锚点,然后点击跳转的时候加url参数,比如item_info.html?callback_pos=#list18,返回时,先读取url上的锚点,设置url参数,list.html#list18,这样就可以自动跳转了,要注意的是,DOM中必须要有对应元素才能跳转

林空鹿饮溪 2022-09-11 04:23:23

React大法好,用hashroute的话,可以通过修改相关API的回调函数,返回到记录的offsetTop

刘备忘录 2022-09-11 04:23:23

要返回到对应数据和位置,需要两点:
a.在跳转之前保存对应数据(列表中所有已经加载的数据);这一点可以使用localStorage存储,返回后再将localStorage中存储的数据重新渲染到列表;
b.跳转前还需要保存对应元素滚动的位置,返回时才能通过#锚点跳到上次位置;这个可以通过url参数,将其传到后面页面,返回时再读取url参数(通过#锚点方式跳到对应位置),如果不想使用url参数方式,也可使用localStorage存储。

仅提供思路,具体没有试过,你可以参考。

对你而言 2022-09-11 04:23:23

我也是通过锚点的办法实现的

岁月静好 2022-09-11 04:23:23

看详细的时候打开一个新的页面,返回的时候关闭不可以吗?这样列表页就不用考虑定位问题了

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文