如何更改鼠标滚轮在 HTML 页面上滚动的方向？

Question

有没有办法使用 Javascript 或 jQuery 来更改 HTML 页面（使用鼠标滚轮）从上到下 -> 从左到右的滚动方向？

Answer 1

这是一个简短的函数，可以使文档水平滚动而不是使用鼠标滚轮垂直滚动：

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

您需要在页面中包含jquery.mousewheel.min.js脚本才能使其正常工作。

工作 JSFiddle 示例：https ://jsfiddle.net/1zugp6w6/1/

来源