Javascript-форум - Установка <div> в заданную позицию.

В этой теме началось не то что велосипедостроение, а уже какое то Шаттло-строение.

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 локально не работает.