Evénement de défilement [haut + bas] et [gauche + droite] séparément?

Question

Je veux faire en sorte que lorsque l'utilisateur fait défiler vers le haut/bas, il va à gauche/droite.

J'utilise ce jquery mousewheel plugin (je suis ouvert à d'autres qui obtiennent la même chose).

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

Le preventDefault() déclenche à la fois haut/bas et gauche/droite. Il s'avère que la fonctionnalité pour le haut/bas fonctionne très bien mais ce code rend horrible le gauche/droite son défilement très agité. Je voudrais seulement preventDefault() pour monter/descendre.

Answer 1

Scroll Page Horizontally With Mouse Wheel

Ajouter Deps:

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js?ver=1.3.2'></script> 
<script type='text/javascript' src='/js/jquery.mousewheel.min.js'></script> 

Ajouter ce script:

$(function() { 

    $("body").mousewheel(function(event, delta) { 

     this.scrollLeft -= (delta * 30); 

     event.preventDefault(); 

    }); 

}); 

Demo