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