Hacer scroll de 100px

[IsaBelM]

es el elemento al que se le asigna los eventos.

pongamos por caso que tienes un elemento contenedor con id "contenedor"

window.addEventListener('load', function() {

var elem = document.getElementById('contenedor'),
scrll = 0,
alto_cont = elem.scrollHeight;

elem.addEventListener('mousewheel', function(event) {ratonScroll(event)}, false);
elem.addEventListener('DOMMouseScroll', function(event) {ratonScroll(event)}, false);


function ratonScroll(evt) {

var roll = (evt.wheelDelta) ? evt.wheelDelta : parseInt(-30 * evt.detail);

scrll = (roll > 0) ? parseInt(scrll - 1000) : parseInt(scrll + 1000);

scrll = (Math.abs(scrll) > alto_cont) ? alto_cont : scrll;
scrll = (scrll <= 0) ? 0 : scrll;

window.scrollTo(0, scrll);

evt.preventDefault();
evt.stopPropagation();
}

}, false);

aquí el scroll es de 1000 en 1000. no tiene sentido hacerlo de 100 en 100, ya que el scroll de la rueda es de 120