如何在滑动 ion-slide 时禁用垂直滚动

Question

我正在构建一个应用程序，其中我在 ion-slides 内有图像，带有单独的 ion-slide 标签，当我水平滑动时，滚动条有时会​​激活，从而移动页面并导致用户必须重新调整.

如何在滑动时锁定原生滚动而不妨碍主滚动的使用？

我意识到我可以在事件发生时隐藏滚动条，同时使用 ionSlideDrag Emitted when a slide moves. 以及 ionSlideNextEnd 和 ionSlidePrevEnd 之类的东西，但这种方法似乎并不直观。

 <div class="image-container">
    <ion-slides>
      <ion-slide *ngFor="let slide of carDetails.imageUrls">
        <img [src]="slide">
      </ion-slide>
    </ion-slides>
  </div>

我怎样才能基本上允许滑动而不允许滚动发生？

Answer 1

Ionic v3 幻灯片文档中没有提到的东西是指令overflow-scroll="false"，它可以用来阻止滚动时移动时溢出。

如果您想禁用滚动以禁用所有内容，您也可以在ionSlideDrag 上使用以下内容以及ionSlideNextEnd 或ionSlidePrevEnd。

.no-scroll{
  overflow: hidden;
}