Показать сообщение отдельно
  #31 (permalink)  
Старый 15.08.2011, 12:35
Аватар для Magneto
Люмус, Емаксос Developer!
Отправить личное сообщение для Magneto Посмотреть профиль Найти все сообщения от Magneto
 
Регистрация: 06.05.2010
Сообщений: 677

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

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 локально не работает.
Ответить с цитированием