Question

this等网站如何无缝更改网址？

如果您在此链接上滚动，则会设置转换动画，并且网址会更改为：

http://www.e-types.com/

到

http://www.e-types.com/work

如果您单击徽标，它会向后转换而不会出现任何闪烁或加载时间。有什么想法他们正在使用什么方法？

感谢您的时间。

Answer 1

背后的想法是只有一个页面（单页面应用程序）。

网址的更改由历史记录API处理，如评论中所述： https://developer.mozilla.org/en-US/docs/Web/API/History_API

但它只会更改地址，实际上并不会加载完整的文档。因此，javascript可以对内容进行任何转换。

有很多图书馆提供此功能。

更具体地说，链接的网站使用AngularJS。

您可以在此地址找到ng-animate +路由器的完整示例： https://github.com/cornflourblue/ng-animate-ui-router-example

根据您的需要，您可以使用简单的滚动： https://github.com/oblador/angular-scroll

您也可以使用其他常用工具执行类似操作：