Javascript 垂直滚动时如何水平滚动？

所以我已经试了几个小时了。关于如何使网页水平滚动而不是向下滚动，有什么提示或想法吗

编辑：当有人垂直滚动时，不是垂直滚动，而是水平滚动。

以下是您需要的：

例如：

代码：

---

再举一个例子：

发布一个你想要的工作方式的url。这对你有帮助吗？这正是我要找的！非常感谢。很高兴能够帮助您：exmaple站点不适用于我在OS X上的chrome 61.0.3163.100和在OS X上的FireFox 56.0。这在最新的chrome或任何浏览器上都不起作用，不确定是否有什么变化。控制台上也没有错误。它曾经工作过，但不记得什么时候了，也许是jquery版本的弃用？您的JSFIDLE示例实际上是有效的，我如何使用该示例通过更改id在主体上应用水平滚动不起作用@供大家参考：这个示例链接在很多浏览器中都不起作用，我猜是因为它使用了原来的mousewheel插件，现在已经过时了。源代码已经有将近十年的历史了。我建议使用JSFIDLE示例，它不依赖于插件，而是使用纯js。

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

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