URL更改动画

Question

Bleacherreport在其网站上有一项功能，可让您使用箭头键浏览故事。虽然这并不奇怪，但我想了解他们是如何做到这一点并更改浏览器地址栏中的URL。

通过AJAX加载新内容是一回事，但我从来没有看到它与刷新URL一起完成。从一个内容到下一个内容的左侧动画也有一个幻灯片。

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

使用箭头键

Answer 1

他们并没有真正“刷新”网址。正如你所说，他们正在使用AJAX来获取新内容，然后一旦加载，就更新URL（可能通过window.history.pushState）以匹配特定文章的路径（如果你真的这样做的话）刷新页面，你仍然会被带到相同的内容。）

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