В этой теме началось не то что велосипедостроение, а уже какое то Шаттло-строение.
HTML:
<body>
<div id="wrapper">
<div id="content">
<!-- Здесь очень большой текст -->
</div>
</div>
</body>
CSS:
#wrapper{
height:400px;
overflow:hidden;
overflow-y:scroll}
javascript
:
// Срипт запустится после загрузки документа
window.onload = function () {
// Получаем ссылки на DOM-элементы
var wrapper = document.getElementById('wrapper');
// Возможно пользователь уже заходил на страницу. Проверим есть ли данные насчет скролла.
// Данные хранятся в localStorage
var dataScroll = localStorage.getItem('dataScroll');
// Если данных нет то присвоем переменной dataScroll ноль
if (dataScroll == undefined){
dataScroll = 0;
}
// Установим скролл в нужную позицию
wrapper.scrollTop = dataScroll;
// Теперь нужно слушать событие onScroll и заносить данные о положении скролла
// в локальную базу
wrapper.onscroll = function () {
localStorage.setItem('dataScroll', wrapper.scrollTop);
}
// Вуаля, и не нужно ломать себе и другим мозг вычисляя положение сферического коня в вакууме.
}
Посмотреть пример
P.S. В некоторых браузерах localStorage локально не работает.
