Swiper virtual slide dislocation

follow the example of how to use virtual slide in swiper Chinese network

<div class="swiper-container">
    <div class="swiper-wrapper"></div>
</div>
<script>
var mySwiper = new Swiper(".swiper-container", {
  virtual: {
    slides: (function () {
      var slides = [];
      for (var i = 0; i < 600; i += 1) {
        slides.push("Slide " + (i + 1));
      }
      return slides;
    }()),
  },
  // virtual: true,
});
</script>

clipboard.png


clipboard.png

swiperslideslide

clipboard.png

, as shown in the figure, the real subscript of slide changes to 2, and then it shows the third children under swiper-wrapper

.

does anyone know how to solve this situation?

Menu