jquery - jquery水平滚动鼠标滚轮

Question

我目前有一个站点是横向滚动器（http://www.studioimbrue.com），我正在尝试绑定鼠标滚轮以横向滚动。目前我正在使用在 thehorizo​​ntalway.com 上找到的那个（称为 thw.js），但它似乎不适用于所有浏览器（Chrome）。

我正试图让这个工作：http ://brandonaaron.net/code/mousewheel/docs ，只需滚动整个窗口，仅此而已。文档非常有限，所以我无法弄清楚。任何帮助表示赞赏。

Answer 1

我刚刚回答了这个关于水平滚动 div 的问题，我还包含了一些代码来使用鼠标滚轮或者只是用鼠标抓取和拖动......也许其中一些代码会给你一个想法？

更详细地说，鼠标滚轮函数为您提供了事件对象和增量。

$('#container').bind('mousewheel', function(event,delta){
 if (delta > 0) {
   // mousewheel is going up; 
 } else {
   // mousewheel is going down 
 }
});

的值delta取决于您滚动滚轮的速度。如果你真的努力的话，我已经看到了从 +50 到 -50 的范围：P

Answer 2

我在评论中使用了 $(window).bind 方法，但它不会向后滚动，只能向前滚动，在轮子上上下滚动。

<script>
    $(window).bind('mousewheel', function(event, delta) {
        if (delta > 0) { window.scrollBy(-80,0); 
        } else window.scrollBy(80,0) ; 
    });
</script>

Answer 3

上述评论中的此解决方案有效，但仅当将鼠标悬停在页面上的实际元素上时。

$(window).bind('mousewheel', function(event, delta) {
    if (delta > 0) { window.scrollBy(-80,0); 
    } else window.scrollBy(80,0) ; 
});

当只是将鼠标悬停在空白空间上时（例如，如果您的内容很短并且底部还有一些窗口），它将工作大约一卷，然后中断（直到您向左滚动），这就是为什么可能认为滚动只有一种方式。人们为此推荐的所有花哨的滚动插件似乎也是这种情况。希望这可以帮助人们在未来找到解决方案。