頁面過渡，更改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">中的其他。

按下按鈕，它將從一頁跳到另一頁。