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

问题描述

问 题

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

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

图例

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

解决方案

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

这篇关于javascript - 下拉加载更多，点击某个数据进去后，如果返回到上一次加载更多的位置？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！