кирикала,
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>