忽略div / swiper上的移动滚动？

Question

我正在使用Swiper.js创建垂直滚动轮播。问题是，当我在移动设备上滚动滑动器时，页面也会向下滚动，这使得与滑动器进行交互变得很奇怪。

我的雨刷像这样：

            <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上的移动滚动？