如何在滑动离子滑动时禁用垂直滚动

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;
}