如何无缝更改网站的网址

Question

我知道这已被问过好几次，但我无法弄清楚如何更改网址或渲染新的HTML并让它看起来好像你永远不会离开网站。

我想做这个网站的确切做法：

http://uncharted.sunbrella.com/

它是否加载所有内容并只是通过javascript更改可见对象？他们使用角度状态吗？我无法弄清楚如何在网站各部分之间实现无缝过渡的效果。

Answer 1

根据他们的页面源代码，它们看起来并不像使用角度，但你肯定可以使用它。如果你这样做，我建议在页面上使用带有多个视图的 ui router 。

动态加载html的秘诀是使用 ajax 动态请求数据并通过javascript更新dom。

您引用的网站使用 css 来使页面响应，并阻止您滚动直到您点击链接。单击它后，看起来像是在视口外部加载的内容，因此在滚动之前，您不会看到数据加载。

长话短说，为了指出你正确的方向，我会恳请你学习更多关于 ajax 加载和 css dom操作的信息。如果您熟悉Angular，请检查 ui路由器，因为它可以让您轻松地在页面上设置多个视图。