2013-01-15 26 views
0

我想这样做,当用户向上/向下滚动它左/右。单独滚动[上+下]和[左+右]的事件?

我正在使用这个jquery mousewheel plugin(我向其他人表示同意)。

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

preventDefault()正在触发上/下和左/右。事实证明,上/下功能很好,但是这个代码使得左/右可怕的滚动非常不连贯。我只想要preventDefault()上/下。

+0

只是一个猜测:'如果(DELTAX == 0){event.preventDefault (); ''? – Uooo

+0

@ w4rumy这种工作与一些更多的代码交界处,谢谢 – ThomasReggi

回答

0

Scroll Page Horizontally With Mouse Wheel

添加的DEP:

<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> 

添加这个脚本:

$(function() { 

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

     this.scrollLeft -= (delta * 30); 

     event.preventDefault(); 

    }); 

}); 

Demo