【发布时间】：2020-01-21 13:58:48
【问题描述】：
我正在尝试为我的投资组合重新创建以下“效果”，但我已经有一段时间没有进行 Web 开发了，而且我找不到解决方法。希望这里有人能给我提示。
我正在尝试实现页面之间的一种平滑过渡，例如在这些网站上可以看到。
万维网。说.studio/ 塞德里克拉肖特。 com www.durimel。呵呵
（抱歉，我知道这不是放置链接的正确方法，但我不知道如何放置它们，当我粘贴 URL 时它不断给我错误消息，这让我发疯！）
当您从一个页面切换到另一个页面时，感觉就像所有内容都在同一页面上，因为它非常流畅，并且导航元素保留在原处，就像整个网站只是一个 html 文件，其余内容已加载通过 javascript，但正如我从 URL 中看到的那样，有不同的页面，所以它必须在不同的 html 文件之间切换。但是这种“平滑切换”可以说是我找不到复制的方法。
我尝试过使用淡入淡出等加载动画，但仍然很明显浏览器在不同的 html 页面之间切换，所以它肯定没有我在我提供的示例中看到的流畅度。
我希望我能很好地解释自己，因为我不是以英语为母语的人:) 谢谢
【问题讨论】：
-
but as I see from the URLs there are different pages, so it must be switching between different html files.不正确，像 Angular 这样的框架可以用一个 html 文件做到这一点，但在该文件中切换组件。 Angular 更新了 URL 栏，以便您可以导航并给您提供多个页面的感觉。 -
是的，现在很多框架都在这样做，Vue Router 也可以无缝导航，我猜还有 Gatsby 和其他静态站点生成器，React...你可以使用所有这些实现无缝导航，我怀疑很多其他的。如果这是您的主要目标，拥有一个速度非常快并且可以无缝导航的网站，我可能会推荐一个静态网站生成器。当然，您可以通过使用“标签”而不是真正的导航在传统网站中实现这一点，在隐藏的 div 中隐藏“页面”等，但这只是一个“技巧”
-
感谢您的回答！！我会试着看看他们，看看我能不能弄清楚怎么做
标签： javascript jquery html css css-transitions