Как отключить вертикальную прокрутку при смахивании 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;
}