Сохранить положение прокрутки в div
Как сохранить положение прокрутки в div при overflow: auto; при перезагрузке страницы/выключении компьютера ? Дайте люди плз хоть кто-нить краткий и понятный код в одну строку ....
|
Тут как минимум две. Одна на сохранение положения прокрутки в куках, другая для загрузки из кук и мотания обратно. Так что сперва определись в одну или в больше.
|
кирикала,
window.onscroll = function() {
localStorage.setItem('value', window.pageYOffset);
};
localStorage.getItem('value') && window.scrollTo(0, localStorage.getItem('value'));
|
Decode, А вот и не угадал. ему надо див скроллить. )))
|
Цитата:
document.getElementById('div')
|
Цитата:
|
Сохранение вертикальной прокрутки блока
кирикала,
https://learn.javascript.ru/metrics
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
#slider {
width: 200px;
height: 100px;
overflow: auto;
}
</style>
<script>
window.addEventListener('DOMContentLoaded', function() {
var div = document.querySelector('#slider');
var scroll = localStorage.getItem('scroll')||0;
div.scrollTop = scroll;
div.addEventListener('scroll', function() {
localStorage.setItem('scroll', div.scrollTop);
})
});
</script>
</head>
<body>
<div id="slider"><P>LOREM IPSUM DOLOR SIT AMET, CONSECTETUR ADIPISCING ELIT. AUDEO DICERE, INQUIT. QUID ERGO ALIUD INTELLEGETUR NISI UTI NE QUAE PARS NATURAE NEGLEGATUR? DIC IN QUOVIS CONVENTU TE OMNIA FACERE, NE DOLEAS. DUO REGES: CONSTRUCTIO INTERRETE. </P></div>
</body>
</html>
|
спасибки Рони
|
ток чет если вчитаться оно как то сложно, вроде бы действие то нужно всего лишь сохранить да вывести переменную, думала аля в одну две строки получится
|
Короче
window.addEventListener('beforeunload',function(){
var id='yourdiv',div=document.getElementById(id);
if(localStorage && div) localStorage.setItem(id,div.scrollTop);
});
window.addEventListener('load',function(){
var id='yourdiv',y=localStorage.getItem(id),div=document.getElementById(id);
if(y && div) div.scrollTop=y;
});
Но тебе не подойдет, ибо тут очень много строк, а тебе надо одну. |
| Часовой пояс GMT +3, время: 15:42. |