禁用垂直滚动，仅允许水平

Question

我最近改用了 SwiperJS，我对此很满意。我想做一件事，但似乎无法解决。当在滑块上垂直滚动时，它会更改幻灯片，这使得很难滚动经过滑块并进一步向下或向上滚动页面。我想将其限制为仅在水平滚动时更改幻灯片（就像 Apple Mac 上的功能）。

我尝试使用下面的代码，但没有达到预期的结果：

mousewheel: true,
forceToAxis: true,

我也尝试过CSS，但也没用。

touch-action: pan-x;

有什么内置的东西我可以使用还是自定义的？

我使用的是核心Swiper版本10.2.0。

提前致谢！

Answer 1

我不知道您是否解决了这个问题，但在 swiper 配置对象中，您必须将 mousewheel forceToAxis 属性设置为 true。 像这样的东西：

swiper_config: SwiperOptions = {
    scrollbar: true,
    spaceBetween: 20,
    slidesPerView: 'auto',
    mousewheel: {
        forceToAxis: true
    },
    init: false,
    grabCursor: true
}