使用history.pushState（）刷新页面而不会丢失状态

Question

我已经一遍又一遍地搜索过这个话题，但我找不到解决方案。我正在尝试使用Ajax创建一种单页面应用程序来加载来自其他页面的内容。一切正常：

• 内容from page b is loaded into page a
• 网址通过history.pushState()
更改
• 使用popstate event
，浏览器的前进和后退按钮效果很好

我也在使用jQuery UI动画做一些动画，比如将一段内容从一个地方移动到另一个地方：

图1

图2

图3

问题是，在刷新页面时，让我们说page b，我所处理的所有内容都会丢失，所有内容都是来自b的静态内容（当然:)）。

我的问题：有没有办法刷新page b而不会丢失加载了ajax的page a（假page b）的状态？我的意思是，一种制作“真实”的方式。刷新后page b显示与Fig.2完全相同？ 或者我问不可能？