Я использую Swiper.js для создания вертикальной карусели с прокруткой.Проблема в том, что когда я прокручиваю swiper на мобильном телефоне, страница также прокручивается вниз, что делает его странным для взаимодействия со swiper.
Мой swiper выглядит так:
<div class="sets">
<div class="swiper-container">
<div class="swiper-wrapper">
<div class="swiper-slide" v-for="(set, index) in exercise.sets" :key="index">
<div class="set">
<h3>{{index}}. {{set.reps >= 0 ? set.reps : '-'}} Reps</h3>
</div>
</div>
</div>
</div>
</div>
.swiper-container {
height: 70px;
}
.swiper-slide {
text-align: center;
font-size: 18px;
}
Я использую vue для создания свайпов.
Есть ли способ игнорировать мобильную прокрутку на div
?