我拼凑了如何拥有水平滚动的div，但我不知道如何在用户处于水平滚动的div中时停止垂直滚动。我试图让用户进入水平滚动，然后回到垂直滚动。目前，当用户水平滚动时，它也会垂直滚动。

我的小提琴:https://jsfiddle.net/girdy74/rkpf140x/19/

jQuery(function() {

  jQuery(".horizontal-scroll-wrapper .elementor-container").mousewheel(function(event, delta) {
    this.scrollLeft -= (delta * 30);
  });

});

顺晟科技：

MouseWheel的默认操作会导致一个事件，因此为了防止这种情况，我们应该使用。我还添加了一个条件，这样只有当有空间滚动时才会发生这种情况--当它到达边缘时，滚动将不会被阻止，这给出了一个更自然的结果。因为我们劫持了用户期望的正常行为，这是我们能做的最起码的补偿。我还建议不要使用容器的全页宽度，以便用户可以选择使用侧边进行页面滚动。对于这个示例，我只是给了整个页面一些额外的空白。