html - 切换页面不刷新的保存状态方法；

Question

不停点加载更多，然后再进入某个条目的页面，返回后还是能返回相同的位置。并且在顶端TAB之间切换，各页面内容也都保持。利用H5切换地址能做到页面不刷新，

//onchange
#/home   切换主页
$("body").html(home)

#/artcle  切换文章页
$("body").html(artcle)

但是页面切换html代码给替换了，如何保存之前的数据和状态还有滚动的位置呢？

Answer 1

用localStorage保存scrollTop和数据，
然后if localStorage有数据的时候填充数据
离开页面时清空localStorage