How do these sites work?

Question

Animation

Good day to all.
Can anyone tell me how such smooth transitions are made on links like on such sites
https://locomotive.ca/en/projects/digital or https://designcanada.com/ .
In principle, I understand that something similar can be implemented on ajax and so on. But there the url address of the page changes when you follow the links, ajax does not change the url in any way. At the same time, the page then works on this url, even if you just copy the address from the browser line, with all the animation and other things. I myself do some things with adjax, but mostly for the sake of technical or for the purposes of optimizing the loading of any bulky parts of the pages. Just interesting is the combination of url and adjax animations =). Maybe there is some kind of infa on this topic collected in a heap, who will share the links?

Answer 1

History API to the rescue