如何改变 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/

Source

Answer 2

$(document).ready(function() {
    $('html, body, *').mousewheel(function(e, delta) {
        this.scrollLeft -= (delta * 40);
        e.preventDefault();
    });
});

适用于所有浏览器

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

How to change the direction of mousewheel scrolling on an HTML page?

html

javascript

jquery

scroll