Ссылка на страницу sh не должна вызывать прокрутку страницы вверх, используя jquery

Question

Я написал фрагмент кода, который каждые 30 секунд вызывает перезагрузку страницы.

refreshRequest = setInterval(function() {
  document.location.reload(true)
}, 30000);

Но меня беспокоит, когда я go перехожу вниз по странице и через 30 секунд, когда страница обновляется, затем снова моя страница прокручивается вверх. Я вижу в коде, что при обновлении страницы выполняется следующий код.

var diaryScroll = $(".diaryBody").scrollTop();
$(".diaryBody")[0].scrollTop = diaryScroll;

, который переводит страницу наверх. Могу ли я узнать, какой элемент или компонент, если я использую вместо .scrollTop, сохранит позицию на странице?

Спасибо, Shre sh

Answer 1

вы можете использовать этот метод для хранения места прокрутки в localStorage:

$(function () {
    if (!localStorage.scroll_position) {
        localStorage.scroll_position = 0;
    }
    // on load scroll to last stored scroll location
    $(document).scrollTop(localStorage.scroll_position);
});


$(window).scroll(function (event) {
    var scroll = $(window).scrollTop();
    // store last scroll location
    localStorage.scroll_position = scroll;
});

.

Кстати, мне интересно, почему вы используете перезагрузку страницы, чтобы показать последнее обновление, где вы можете использовать ajax для плавной загрузки страницы.