javascript - 如何在滑动 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"可用于在移动时阻止滚动溢出的指令。

如果您想滚动禁用所有内容，您也可以在a或ionSlideDrag旁边使用以下内容。ionSlideNextEndionSlidePrevEnd

.no-scroll{
  overflow: hidden;
}