無縫URL更改

Question

像this這樣的網站如何無縫更改URL？

如果滾動本鏈接，動畫過渡並從URL變化：點擊轉換回沒有任何閃爍或加載時間標誌

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

到

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

如果你。任何想法他們正在使用什麼方法？

謝謝你的時間。

Answer 1

背後的想法是，只有一個頁面（單頁面應用程序）。

在URL的變化是由歷史API來處理，如評論mentionned： https://developer.mozilla.org/en-US/docs/Web/API/History_API

但它只是改變了地址，它實際上並沒有加載完整的文檔。所以javascript可以在內容上進行任何轉換。

有很多庫提供此功能。

更具體地說，鏈接的網站使用AngularJS。

您可以在這個地址找到NG-動畫+路由器的一個完整的例子： https://github.com/cornflourblue/ng-animate-ui-router-example

取決於你需要什麼，你可以用一個簡單的滾動帶： https://github.com/oblador/angular-scroll

你也可以做與其他流行的工具類似的事情：

• VueJS：https://router.vuejs.org/en/advanced/transitions.html
• 陣營：https://github.com/maisano/react-router-transition