Javascript 使用鼠标响应本机web scrollView水平滚动

使用react native web，我有一个比屏幕宽得多的滚动视图。使用“水平”我可以像预期的那样沿着x轴滚动，但是只能使用笔记本电脑的触摸板。鼠标滚轮滚动没有任何作用，因为滚轮只垂直滚动，而不是水平滚动。 我一直在寻找一段时间，但找不到任何方法来做水平滚动鼠标滚轮。

---

任何与此相关的帮助都将不胜感激

默认情况下，用户需要按住

Shift+滚动鼠标滚轮

水平滚动

编辑：此问题可以通过jQuery解决，但需要使用CSS“overflow-y:hidden”隐藏垂直条。您需要下载并将它们包含在html中

下载文件后，请在代码中包含以下脚本

<script scr="jquery-3.6.0.min.js"></script>
<script scr="jquery-mousewhee.min.js"></script>

最后，添加自定义脚本

<script>
    $(document).ready(function() {
        $('html, body, *').mousewheel(function(e, delta) {
            this.scrollLeft -= (delta * 30);
            e.preventDefault();
        });
    });
</script>

$（文档）.ready（函数（）{
$（'html，body，*'）。鼠标滚轮（函数（e，delta）{
这个.scrollLeft-=（增量*30）；
e、 预防默认值（）；
});
});

完成

---

注意：如果要将垂直条包含在后面，则需要修改代码。

是的，这确实会导致滚动，但我的用户不会知道他们需要按shift键滚动，因为在这里这样做不是很直观。有没有办法不用按shift键就能实现滚动？对不起，我误读了这个问题。我刚刚提供了新的解决方案。我已经隐藏了垂直条，所以这对我来说是完美的。非常感谢您的帮助，这就解决了问题！

<script>
    $(document).ready(function() {
        $('html, body, *').mousewheel(function(e, delta) {
            this.scrollLeft -= (delta * 30);
            e.preventDefault();
        });
    });
</script>