У меня есть сетка фотографий на моей домашней странице. При нажатии на фотографию открывается модальное окно для этой фотографии.
При открытом модальном окне я хочу обновить URL-адрес, чтобы при обновлении страницы вы могли перейти на страницу с подробными сведениями о фотографиях.
Если вы нажмете кнопку «Назад» на странице сведений, вы должны вернуться на домашнюю страницу.
Когда вы откроете модальное окно и URL-адрес обновится, при нажатии на кнопку «Назад» вы вернетесь к предыдущему. сайт, а не домашняя страница.
В настоящее время я использую history.replaceState, так как это означает, что вы можете нажать на фотографию и получить обновление URL. Когда вы нажимаете кнопку «Назад», вы переходите на предыдущий сайт, а не на домашнюю страницу, чего я и хочу.
Вот где моя проблема:
Когда открывается модальное окно,URL обновляется. Если вы обновите страницу, вы попадете на страницу с подробными фотографиями. Но когда вы нажимаете кнопку «Назад», вы пропускаете домашнюю страницу и полностью покидаете сайт, а это не то, что мне нужно.
Как мне заставить это поведение работать?
Чтобы уточнитьВот что я хочу:
- Открыть модальное окно >> [URL обновляется] >> Нажать кнопку «Назад» >> возвращает вас на предыдущий сайт
- Открыть модальное окно >> [URL обновляется] >> обновить страницу >> перейти на страницу с подробностями фотографии >> нажать кнопку назад >> перейти на домашнюю страницу
Ванильный Javascript, если возможно, пожалуйста.
Спасибо заваша помощь.