ХРАЗ (хранитель знаний)
Профи
(598)
1 месяц назад
Проблема, скорее всего, связана с тем, как обрабатывается положение страницы при её перезагрузке. Чтобы устранить эту проблему и сохранить положение страницы, нужно использовать атрибут scroll в якорных ссылках или добавить JavaScript для восстановления предыдущей позиции.
Вот несколько решений:
1. Использование якорных ссылок:
Если вы используете якоря для перехода по странице (например, <a href="#footer">Перейти к футеру</a>), убедитесь, что у вас правильно настроены идентификаторы:
<!-- Хедер -->
<header id="header">
<!-- содержимое хедера -->
</header>
<!-- Футер -->
<footer id="footer">
<!-- содержимое футера -->
</footer>
При этом, если страница перезагружается, браузер будет помнить последний элемент с якорем (#footer), но нужно правильно разместить элементы на странице.
2. Применение JavaScript для автоматического прокручивания:
Если вам нужно, чтобы после перезагрузки страница оставалась на футере, можно использовать JavaScript для сохранения и восстановления позиции прокрутки:
<script>
// Сохраняем позицию прокрутки при уходе с страницы
window.onbeforeunload = function() {
sessionStorage.setItem('scrollPosition', window.scrollY);
};
// Восстанавливаем позицию при загрузке страницы
window.onload = function() {
if (sessionStorage.getItem('scrollPosition')) {
window.scrollTo(0, sessionStorage.getItem('scrollPosition'));
}
};
</script>