如何在滑动 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;
}

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

How to disable vertical scrolling while swiping ion-slide

javascript

ionic-framework

ion-slides

ionic3