滚动窗口时如何转到带有动画的另一个页面？

【问题标题】：How to go to another page with animations when scroll the window?滚动窗口时如何转到带有动画的另一个页面？
【发布时间】：2019-04-03 05:57:46
【问题描述】：

我正在为一位电影制作人创建一个作品集网站。我想知道如何在像这些网站（http://taotajima.jp/，http://maxxhat.com/）这样滚动窗口时转到另一个页面并更改 URL。这些页面是在一个 html 文档中还是在多个文档中？我搜索并尝试自己解决它，但由于我是初级开发人员，所以找不到答案。我想至少知道我需要学习什么才能真正做到这一点。提前谢谢你。

【问题讨论】：

Silent load of new URL on scroll的可能重复
它们在一个页面中，每次向下滚动网站时，您都会在新内容中加载，查看 jQuery AJAX 调用并更新 URL 参数或显示新元素。他们也可能使用 AJAX 加载新页面而不刷新。

标签： javascript html css

【解决方案1】：

一项新功能为您提供了一种无需重新加载页面即可通过 javascript 更改浏览器* 中显示的 URL 的方法。它还将创建一个后退按钮事件，您甚至还有一个可以与之交互的状态对象。您可以通过运行以编程方式调用 back-function：

window.history.back();

如果您需要操作状态（而不是创建新状态），您可以使用：

window.history.replaceState(“object or string”, “Title”, “/another-new-url”);

在此处查看示例LINK

找到完整示例Here

【讨论】：