javascript - 无缝加载网页

Question

我见过一些网站，其中包括页面之间很好的过渡，例如滑动或淡入淡出等。我见过的大多数网站实际上只是一个页面，只是过渡各个部分。然后我发现一个网站的做法有所不同。

如果您查看this site然后单击各个页面，页面过渡顺利，但 URL 不同，并且它似乎不是具有隐藏部分的一页网站。

这是如何完成的？我寻找有关如何执行此操作的解释，但从未找到好的答案。任何有助于确定如何完成此操作的帮助都会很棒。

注意:我希望为我构建的网站复制此功能，因此我正在寻找一个答案来解释其编码的想法或过程。

Answer 1

您正在谈论的技术是使用 history.pushState() 这是 html5 的新功能。您可以在 MDN - Manipulating the browser history 上找到更多信息