/html-module

常见HTML模块

Primary LanguageHTML

html-module

常见HTML模块

html-history

浏览器返回上一页保持页面数据不变

问题描述

我们在的列表页通常是异步获取的。当我们手动翻了好几页之后,点到详情页面里面去在返回列表页后整个页面就被刷新了。 这样用户就又需要重新从头开始选择。造成的用户体验非常不友好!

解决思路

通过相关的资料和思路分析,决定利用sessionStorage来解决此问题。

  • 第一步:获取页面的滚动高度 scrollTop并保存在sessionStorage
  • 第二步:保存分页的总数据和分页页数同样保存在sessionStorage
  • 第三步:初始化页面获取数据。如果页面存在缓存数据直接赋值缓存数据。