无缝加载网页

Question

我见过一些网页，包括页面之间很好的过渡，比如滑动或褪色等。我见过的大多数网页实际上是一个只转换各个部分的页面。然后我遇到了一个不同的网站。

如果您查看this site并点击各个页面，页面会顺利过渡，但网址不同，并且它似乎不是包含隐藏部分的一个网页网站。

这是怎么做到的？我寻找解释如何做到这一点，但从未找到一个好的答案。任何帮助确定如何做到这一点都会很棒。

注意：我希望为我构建的网站复制此功能，因此我正在寻找能够解释其编码方式或过程的答案。

Answer 1

您正在谈论的技术是使用history.pushState()，这是html5的一项新功能。您可以在MDN - Manipulating the browser history

找到更多信息

Answer 2

此页面从页面A移动的技巧 - ＆gt;第B页涉及3个主要步骤：

1. 加载整个页面B或仅加载与其不同的内容 第A页（可能使用XMLHttpRequest）。

2. 交换更改的内容（例如更新正文，..）

3. 使用第B页的URL更新浏览器位置栏 使用调用的特定HTML5历史记录方法刷新页面 pushState的