divside
@divside
Chupapi Munyanyo

Запомнить позицию скрола в блоке при смене или перезагрузке страницы?

Привет. Подскажите как запомнить позицию скрола в нужном мне блоке, чтобы после перезагрузки страницы или переходе на другую, скролл в блоке оставался на том же месте?

Описание:
У меня есть страница поделённая флексами на 2 части. Лево и право. Левая часть - это nav. Правая - сам контент. У nav высота 100vh. Но т.к ссылок в меню тьма, он переполняет родителя. Я повесил тудаoverflow scroll. Соотв. теперь мой nav спокойно скроллится. Однако если перейти на другую страницу, скролл сбросится и снова будет сверху. Ajax для смены контента не использую, да и не аппка это.

Пробовал jquery, но что-то вообще не вкатило...

$(document).ready(function () {

    if (localStorage.getItem(".nav__wrapper") != null) {
        $("#nav__wrapper").scrollTop(localStorage.getItem(".nav__wrapper"));
    }

    $(window).on("scroll", function () {
        localStorage.setItem(".nav__wrapper", $(window).scrollTop());
    });

});


Каким образом можно это исправить на чистом js?

Пример:
  • Вопрос задан
  • 113 просмотров
Решения вопроса 1
divside
@divside Автор вопроса
Chupapi Munyanyo
ProjectSoft historydev
Правильный ответ
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы