кирикала,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
#myscrollid {
position:absolute; left: 100px; width:500px; background:red; height:300px;overflow: auto;
}
</style>
<script>
window.addEventListener('DOMContentLoaded', function() {
var div = document.querySelector('#myscrollid');
var scroll = localStorage.getItem('scroll')||0;
div.scrollLeft = scroll;
function wheel(event) {
event.preventDefault();
var delta = 0;
if (event.wheelDelta) delta = event.wheelDelta / 120;
else if (event.detail) delta = -event.detail / 3;
div.scrollLeft += delta * 30;
}
div.addEventListener("mousewheel", wheel, false);
div.addEventListener("DOMMouseScroll", wheel, false)
div.addEventListener('scroll', function() {
localStorage.setItem('scroll', div.scrollLeft);
})
});
</script>
</head>
<body>
<div id="myscrollid" >
453tewfgsdfvsdvvsdsdvs 453tewfgsdfvsdvvsdsdvs
453tewfgsdfvsdvvsdsdvs 453tewfgsdfvsdvvsdsdvs453tewfgsdfvsdvvsdsdvs453tewfgsdfvsdvvsdsdvs453tewfgsdfvsdvvsdsdvs453tewfgsdfvsdvvsdsdvs453tewfgsdfvsdvvsdsdvs453tewfgsdfvsdvvsdsdvs 453tewfgsdfvsdvvsdsdvs 453tewfgsdfvsdvvsdsdvs 453tewfgsdfvsdvvsdsdvs 453tewfgsdfvsdvvsdsdvs 453tewfgsdfvsdvvsdsdvs 453tewfgsdfvsdvvsdsdvs 453tewfgsdfvsdvvsdsdvs 453tewfgsdfvsdvvsdsdvs v453tewfgsdfvsdvvsdsdvs 453tewfgsdfvsdvvsdsdvs 453tewfgsdfvsdvvsdsdvs
</div>
</body>
</html>