无法使用 Owl Carousel 2 向上/向下滚动页面

Question

在轮播上开始拖动时，我无法在移动设备上滚动页面。因此，如果轮播占据了移动设备上的所有可见空间 - 向上/向下翻到页面会变得有点棘手......

我如何禁用这种滚动的“拦截”？

Answer 1

touch-action: auto;不适合我，我使用它touch-action:pan-y;并且它有效

添加这个CSS：

.owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y !important;
    touch-action: pan-y !important;
}

Answer 2

将此 CSS 添加到您的 CSS/SASS 文件中，这应该可以工作，它对我有用。

.owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item {
-ms-touch-action: auto;
    touch-action: auto;

}