javascript - 分别滚动[上+下]和[左+右]的事件？

Question

我想这样做，所以当用户向上/向下滚动时，它会向左/向右滚动。

我正在使用这个jquery mousewheel 插件（我向其他实现相同的人开放）。

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

上preventDefault()/下和左/右都触发。事实证明，向上/向下的功能很好用，但是这段代码让左/右变得可怕，它的滚动非常不稳定。我只想preventDefault()向上/向下。

Answer 1

使用鼠标滚轮水平滚动页面

添加部门：

<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();

   });

});

演示