jquery水平滚动与鼠标滚轮

我目前有一个站点是sidescroller（ http://www.studioimbrue.com ），我正试图绑定鼠标滚轮向侧面滚动。目前我正在使用在thehorizontalway.com（名为thw.js）上找到的那个，但它似乎并不适用于所有浏览器（Chrome）。

我正试图让这个工作： http : //brandonaaron.net/code/mousewheel/docs ，简单地滚动整个窗口，没有别的。文档非常有限，所以我无法弄清楚。任何帮助表示赞赏。

我刚刚回答了关于水平滚动div的问题，我还包含了一些使用鼠标滚轮的代码，或者只是用鼠标抓住并拖动……也许有些代码会给你一个想法？

为了详细说明，mousewheel函数为您提供事件对象和增量。

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

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

我在评论中使用了$（window）.bind方法，但它不会向后滚动，只能向前滚动，无论是向上还是向下滚动。

上述评论中的此解决方案有效，但仅限于在页面上的实际元素上进行鼠标处理时。

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

当只是将鼠标hover在空白区域时（例如，如果你的内容非常短并且底部有一些窗口），它将适用于大约一个滚动，然后中断（直到你向后滚动），这就是为什么一个可能会认为滚动只能以一种方式运作。对于人们推荐的所有花式滚动插件，情况似乎也是如此。希望这有助于人们在未来找到解决方案。