JQuery. Как сохранить позицию скролла после закрытия браузера?

Question

[creatoroftheworld]

Как я понял, делается это через cookie. Принцип вроде бы понял, но, всё же, хотелось бы увидеть, как выглядит код..

Comments

[Евгений Петров]

Ну там буковки, циферки, значки всякие...

[creatoroftheworld]

Евгений Петров: А Вы шутник

[Евгений Петров]

creatoroftheworld: Ну, чутка да...

Answer 1

[Марк]

Лучше не в печенье, а в localStorage какой-нибудь класть. Печенье отправляется на сервер в каждом запросе, а серверу-то позиция скролла точно нафиг не нужна.

Положил работающий пример вот тут: jsfiddle.net/mvasilkov/2mfewoy0

Код вот такой:

var $window = $(window)

/* Restore scroll position */
window.scroll(0, localStorage.getItem('scrollPosition')|0)

/* Save scroll position */
$window.scroll(function () {
    localStorage.setItem('scrollPosition', $window.scrollTop())
})

Два довольно очевидных замечания:

1. Можно запросто обойтись в данном случае без jQuery, это не усложнит код
   
2. Если нужна совместимость со старыми браузерами, можно взять любую библиотеку для эмуляции localStorage, например, вот эту: https://github.com/marcuswestin/store.js/
   

Answer 2

[Bob Smily]

localStorage - очевидный вариант. Я его использовал даже в мобильной игре на HTML5/Cordova/iOS/Android для сохранения очков и настроек - все отлично работает.

Посоветую на всякий случай использовать при сохранении данных в localStorage использовать уникальный префикс для объекта, например:

$( window ).scroll( function() {
  localStorage.setItem( 'www_mysite_com_scroll_position', $( window ).scrollTop() );
} );

Comments

[creatoroftheworld]

Позвольте, про префикс не понял...

[Bob Smily]

creatoroftheworld: просто если другой скрипт изменит объект с таким же именем, то могут возникнуть непонятки между скриптами. А так мы минимизируем этот риск.

[creatoroftheworld]

blackrid: Спасибо)

Answer 3

[Dzham]

var pos;
$(window).on("scroll", function() {
pos = $(window).scrollTop();
});

- позиция
https://github.com/carhartl/jquery-cookie - удобная работа с куками