Плавная прокрутка страницы без jQuery

У меня два вопроса, реализовать которые нужно без jQuery
Как плавно прокручивать страницу колесиком на JavaScript? Как плавно прокрутить страницу на несколько пикселей?

Ответ

var get = function(obj) { return document.getElementById(obj) }; get('scrollbox').onwheel = function(e) { var delta = e.deltaY; delta = (delta > 0) ? 30 : -30; get('scrollbox').style.top = delta + get('scrollbox').offsetTop + 'px'; e.preventDefault(); } get('scroll').onclick = function() { get('scrollbox').style.top = -30 + get('scrollbox').offsetTop + 'px'; } #block { width: 300px; height: 300px; background-color: #dddddd; position: absolute; padding: 5px; } #scrolling { width: 100%; overflow: hidden; height: 100%; } #scrollbox { position: relative; transition: 0.2s; } #scroll { right: 0%; top: 0%; position: absolute; width: 100px; height: 25px; background-color: white; }

la
ga
ha
aa
lj
va
ja
la
va
aa
lm
la
ga
ha
aa
lj
va
ja
la
va
aa
lm
la
ga
ha
aa
lj
va
ja
la
va
aa
lm
la
ga
ha
aa
lj
va
ja
la
va
aa
lm
la
ga
ha
aa
lj

прокрутить