Home/ Questions/Q 8374207
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T14:52:14+00:00

Bleacherreport has a function on their website that lets you browse between stories with

  • 0

Bleacherreport has a function on their website that lets you browse between stories with arrow keys. While that is nothing spectacular, I would like to understand how they do so AND change the URL in the address bar in the browser.

It’s one thing to load up new content via AJAX, but I’ve never seen it done alongside refreshing the URL. There is also a slide to the left animation from one content to the next.

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

use arrow keys

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    They aren’t really “refreshing” the URL. As you said, they are using AJAX to grab the new content, and then once it is loaded, updating the URL (probably via window.history.pushState) to match what the route for that specific article is (that way if you actually did refresh the page, you’d still be taken to the same content).

    You can do this manually (with the aforementioned window.history.pushState), or there are lots of frameworks that handle client-side URL routing, such as Backbone.js and Sammy.js.

    • 0