垂直滚动时如何水平滚动？ [关闭]答案

【问题标题】：How to Horizontal Scroll when scrolling vertical? [closed]垂直滚动时如何水平滚动？ [关闭]
【发布时间】：2015-01-20 02:55:08
【问题描述】：

所以我已经尝试了几个小时。有关如何使网页水平滚动而不是向下滚动的任何提示或想法？

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

【问题讨论】：

发布你想要的方式的网址。
stackoverflow.com/questions/258372/…这对你有帮助吗？

标签： javascript html css

【解决方案1】：

这是你需要的：

示例：http://css-tricks.com/examples/HorzScrolling/

代码：http://css-tricks.com/snippets/jquery/horz-scroll-with-mouse-wheel/

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

另一个例子：http://jsfiddle.net/ye259/4/

【讨论】：

这正是我想要的！谢谢！
很高兴能帮到你:)
示例站点不适用于我在 OS X 上的 chrome (61.0.3163.100) 和在 OS X 上的 FireFox (56.0)。
这不适用于最新的 chrome 或任何浏览器，不确定是否有变化。控制台上也没有错误。它曾经工作但不记得何时，也许 jquery 版本弃用？您的 jsfiddle 示例实际上有效，我如何使用该示例通过更改 id 在“body”上应用水平滚动不起作用。 @贾廷。
仅供参考：“示例”链接在许多浏览器中都不起作用，我猜是因为它使用了现已过时的原始鼠标滚轮插件（源代码已有近十年的历史）。建议使用jsfiddle示例，不依赖插件，使用纯js。