Rolar a página horizontalmente com a roda do mouse - CSS-Tricks

1) Carregue o jQuery e o plugin do Mouse Wheel

O plugin da roda do mouse está aqui.

2) Anexe o evento da roda do mouse ao corpo

O “30” representa a velocidade. preventDefault garante que a página não role para baixo.

$(function() ( $("body").mousewheel(function(event, delta) ( this.scrollLeft -= (delta * 30); event.preventDefault(); )); ));

Veja a
rolagem horizontal da caneta com a roda do mouse por Chris Coyier (@chriscoyier)
no CodePen.