jquery - 如何在不按shift键的情况下在鼠标滚轮上启用水平滚动

Question

我正在使用由 shythemes.tumblr.com 制作的水平滚动 tumblr 主题，我想简单地在鼠标滚轮上水平滚动，而不按键盘上的 shift 按钮，例如 this .

不确定我哪里出错了，我尝试从“溢出:隐藏”到 jQuery，但我在互联网上找到的解决方案都没有用。

这是我的整个网站:http://morriew.tumblr.com/ .

感谢您提前回答。

Answer 1

您可以在此处找到说明 horz-scroll-with-mouse-wheel

1) 加载 jQuery 和鼠标滚轮插件

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

2) 将鼠标滚轮事件附加到正文

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