超链接滑动新页面而不是打开它们

Question

我的经理要我尝试在此网站上复制滑动功能：

https://insight.bakermckenzie.com/blockchains-and-laws

页面右侧和左侧的导航箭头将用户定向到网站的其他页面，但这样做的作用就像轮播一样，而不是简单地以传统方式打开链接。即使点击浏览器的“后退/前进”按钮，也会使网站在页面之间滑动，而不是正常打开页面。

我已经浏览了源代码并使用了开发人员工具，但无法确定该站点如何实现这一目标。有任何想法吗？似乎可能是JavaScript，但我不太确定。

Answer 1

我找不到该网站使用的库，但我将尽力对其进行解释。 当您请求“新页面”时，通过单击箭头或菜单，将异步加载所有内容。如果您注意.page-container div，则可以看到，当您“更改”页面时，具有您当前看到的内容的div将移到侧面，然后从页面中删除。

分步操作：

1. 请求页面
2. 新内容加载到尚不可见的div中。
3. 您当前正在浏览的页面移到一侧，然后在其内容从视图中完全隐藏（整个html被删除）时，其内容将被删除。
4. 请求的“新页面”跟随“旧”页面移动。

这就像轮播，但是新内容异步加载，旧内容被删除。

Div responsible for the content