javascript - Ask a question about dribbble website

When I click to view the work page, the URL in the browser changes. The page does not jump, but the work details page pops up, and the work can be switched left and right. How can this effect be achieved?

Reply content:

When I click to view the work page, the URL in the browser changes. The page does not jump, but the work details page pops up, and the work can be switched left and right. How can this effect be achieved?

---Update---

After checking, changing the url is implemented through the Js method window.history.pushState(). For the API, please refer to the link description. For example, enter in the current window console:

<code>window.history.pushState('q1000', 'Title', '/q/1000');</code>

You can change the current url without reloading the page.

Changing the title is easy, just document.title='question100'

This kind of user interaction is worth learning from.

---

Look at the network request to see how it is implemented. I guess it's asynchronous loading? Or HTTP 2?