页面过渡，更改URL位置时在div中加载新页面

Question

我熟悉Ajax / jQuery .load()或php include() ，可用于将其他内容加载到页面上的div中。

请看一下我发布的这个示例： 我的网站具有页面转换

我是如何设置此页面的，主体是屏幕的100％，没有溢出。 距离顶部100％的位置是蓝色部分，高度为100％，红色部分为100％高度。 当您单击按钮时，蓝色div会缩小，红色div会过渡到top: 0; 。

我的问题是，当您按下“后退”按钮时，它没有回到蓝色部分，而是回到了上一页（蓝色页面）。

我的问题是我该如何设置它，以便红色div（第二个）实际上会更改网址（并使用include();或其他方法将另一个php页面加载到其中）？ 例如，当您单击蓝页上的按钮时，将显示红页（包含所包含的内容），并且URL将更改为： davidfateh.com/red 。 我知道点击后页不会给我带来过渡，但至少它将回到蓝页，这是我的目标。

感谢您的查询和任何建议！ 干杯!

Answer 1

因此，基本上，您显示同一页面，只是页面的不同部分。 这就是为什么将后面打到上一页而不是上一页的原因，而上一节实际上是在同一页上。

您可以这样操作：

1. 创建2个不同的php文件。 red.php和blue.php
2. 在每个文件中只有您想要的部分。
3. 现在，按钮必须从一页发送到另一页。 如何执行此操作，取决于您如何实现现有按钮。

例如，如果按钮是像表单一样实现的，则使用如下代码：

<form action="red.php">在一个和<form action="blue.php">中的其他。

按下按钮，它将从一页跳到另一页。