怎么实现后退到上一个页面但是不要刷新上个页面，并跳转到上次操作的位置

Question

我想实现一个电子书列表，点击调转到电子书详情页，然后再跳转回来的时候，还是刚才点击跳转前浏览到的位置，并且不被刷新！求大神指点！

Answer 1

方法比较多，得看你们（前后端架构项目要求等）具体情况，提供几种方法：

1. 每次下一页的时候，存个cookie啥的记录了你看了多少页，后端拿这个值来一次性给你输出；

2. 每次下一页的时候，把已经异步加载的数据全部放进localStorage里面，然后回来的时候就读取localStorage，再把html结构写回去；

3. 另外可以试着用用pushState来直接做无刷新页面跳转，然后把之前的dom只是给隐藏，当然这个需要后台来配合，有点麻烦，但是我觉得体验应该挺好的，你可以自定义很多转场动画什么的。

Answer 2

后退的时候本来就是不会刷新页面的吧

Answer 3

可以在你的列表页加一个 iframe，当点击时就在iframe中打开详情页。
然后跳转回来就相当于把 iframe 隐藏就可以了。