javascript - 在 ngb 轮播顶部滚动时无法滚动页面

Question

我正在使用 NGB 轮播在我的网页上显示一些图像。在我的网站的移动版本上，用户可以在轮播上向左或向右滑动以显示下一张或上一张图像。我面临的问题是，当用户在 NGB 轮播顶部向上或向下滑动时，该操作将被忽略，并且他们无法滚动经过轮播。

我试过使用 CSS 属性 touch-action: auto; 这使用户在向上或向下滚动时滚动通过轮播但是，这会禁用轮播上的滑动侦听器，使其无法更改为不同的图片。

轮播的 CSS 类：

ngb-carousel {
width: 100%;
margin: 0;
background: @background-color;
/*-ms-touch-action: auto !important;
touch-action: auto !important;*/  // Works but disables left and right swipes
.carousel-indicators {
  z-index: 9;
}

如何解决这个问题？我可以在触摸动作之上添加一些东西来完成这项工作，还是我需要完全删除它？

标签： javascripthtmlcss