URL更改动画

2012-08-13 101 views 0 likes

Bleacherreport在其网站上有一个功能，可让您使用箭头键在故事之间进行浏览。尽管这没什么特别，但我想了解他们是如何做到的，并更改浏览器地址栏中的网址。URL更改动画

通过AJAX加载新内容是一回事，但我从来没有在刷新URL的时候看到它完成。从一个内容到另一个内容还有一张幻灯片。

例如： http://bleacherreport.com/articles/1295213-in-depth-look-at-the-business-behind-a-holdout

使用箭头键

2012-08-13 Macgyver

你能否提供一个链接到一个工作的例子？另外，你有没有看过源代码？ – 2012-08-13 20:55:38

id检查这篇文章。 http://stackoverflow.com/questions/3338642/updating-address-bar-with-new-url-without-hash-or-reloading-the-page – Caranicas 2012-08-13 20:57:30

是的，这就是我要找的。谢谢 – Macgyver 2012-08-13 21:00:49

回答

他们是不是真正的 “提神” 的URL。正如你所说的，他们正在使用AJAX获取新内容，然后一旦加载，更新URL（可能通过window.history.pushState）以匹配该特定文章的路由（这样，如果您确实刷新了页面，你仍然会被带到相同的内容）。

您可以手动执行此操作（使用前述的window.history.pushState），或者有很多处理客户端URL路由的框架，例如Backbone.js和Sammy.js。

来源

2012-08-13 20:58:50 redhotvengeance

URL更改动画

回答

相关问题