Переход страницы, загрузка новой страницы в div при изменении адреса URL

Question

Я знаком с Ajax/jQuery .load() или php include(), который можно использовать для загрузки другого контента в div на странице.

Пожалуйста, обратите внимание на этом примере я отправил: my site with page transitions

Как я создал эту страницу есть, тело 100% экран, без переполнения. Существует синяя секция высотой 100%, а красная секция, высота которой 100%, расположена на 100% сверху. Когда вы нажимаете кнопку, синий div масштабируется назад, а красный div переходит на top: 0;.

Моя проблема Когда вы нажмете кнопку «Назад», она не вернется к синей секции, она вернется к предыдущей странице (синяя страница).

Мой вопрос как я могу установить это так красный ДИВ (второй один) будет на самом деле изменить URL (и загрузить другую страницу PHP в него с помощью include(); или какой-либо другой метод)? Например, когда вы нажимаете кнопку на синей странице, красная страница будет отображаться (с включенным содержимым), и URL-адрес изменится на: davidfateh.com/red. Я понимаю, что поражение на задней странице не даст мне перехода, но, по крайней мере, оно вернется к синей странице, что является моей целью.

Спасибо за внимание и за любой совет! Ура!

Answer 1

Так что в основном вы показываете ту же страницу, только другую ее часть. Вот почему попадание назад идет на предыдущую страницу, а не на предыдущую секцию, которая на самом деле находится на одной странице.

Вы можете делать то, что вы хотите, как это:

1. 2 разные файлы PHP. red.php и blue.php
2. В каждом файле есть только часть, которую вы хотите.
3. кнопки теперь должны отправлять с одной страницы на другую. Как это сделать, зависит от того, как вы реализовали существующую кнопку.

Например, если кнопки реализуются как формы, использовать что-то вроде этого:

<form action="red.php"> в один и <form action="blue.php"> в другой.

Нажав кнопку, он перейдет с одной страницы на другую.