0

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

通过 AJAX 加载新内容是一回事,但我从未见过它在刷新 URL 的同时完成。从一个内容到下一个内容还有一个向左滑动的动画。

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

使用箭头键

4

1 回答 1

0

他们并没有真正“刷新” URL。正如您所说,他们正在使用 AJAX 来获取新内容,然后在加载后更新 URL(可能是 via window.history.pushState)以匹配该特定文章的路由(这样,如果您确实刷新了页面,您'仍然会被带到相同的内容)。

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

于 2012-08-13T20:58:50.390 回答