如何使用 swiperjs 防止在幻灯片的某些区域上滑动

Question

我们用于swiperjs幻灯片。它工作得很好，但我们在input幻灯片内部，如果用户实际上可以在这些内容上滑动，则很难填充输入。我想知道如果用户在输入上触摸启动，是否有办法防止滑块滑动。

这就是我们初始化滑块的方式：

new Swiper('.slider', {
  resistance: true,
  resistanceRatio: 25,
});

幻灯片内的 HTML 包括

<input type="text">
<input type='range' min='0' max='11'>

Answer 1

在回答这个问题时，以防将来有人会遇到同样的问题。

swiper-no-swiping只需在不可滑动的元素上添加类或更改noSwipingClass参数即可。