移动端无刷新返回怎么实现

Question

一个产品列表页面，通过ajax加载了一些分页数据之后，点击某个产品跳转到详情页面，然后当返回列表的时候，让列表页不刷新，ajax加载的数据都还在，页面仍然停留在之前点击的位置，，请问这个是如何实现的

Answer 1

将详情页作为一个index更高的

position:fixed;
top:0;
left:0;
right:0;
bottom:0;

的块级元素全屏遮罩就实现了。

这种实现，实际上列表页到详情页并没有实质上的跳转，只是将详情页覆盖在列表上，两者在同一个页面，通过这种方法，还可以很容易实现原生app的滑入滑出效果。

Answer 2

单页应用，通过路由跳转。举个简单的例子，你去看一下SUI的路由功能就了解了