<body> <div class="swiper swiper1"> <!-- Additional required wrapper --> <div class="swiper-wrapper"> <!-- Slides --> <div class="swiper-slide">Slide 1</div> <div class="swiper-slide">Slide 2</div> <div class="swiper-slide">Slide 3</div> </div> </div> <div class="newContainer"> <div class="container-wrapper"> <!-- Slides --> <div class="container-slide">Slide 1</div> <div class="container-slide">Slide 2</div> <div class="container-slide">Slide 3</div> </div> </div> </body> const swiper1 = new Swiper('.swiper1', { // Optional parameters direction: 'vertical', loop: false, speed: 1000, preventInteractionOnTransition: true, mousewheel: { invert: false, releaseOnEdges: true, sensitivity: 0 } });Enlace Codepen de la biblioteca swiper.js: https://codepen.io/aldrinbright/pen/PoQqgjg
Quiero que el desplazamiento se detenga en la diapositiva 3 y deje de desplazarse a la siguiente diapositiva por sí solo, luego continúe con el desplazamiento normal
Es difícil entender exactamente cuál es el resultado de su deseo.
De todos modos, por la API, así es como detectas la diapositiva número 3.
swiper1.on('slideChange', function () { if(this.activeIndex == "2"){ console.log("slide 3 active"); /* do something */ } });Tal vez sea útil.