Saya menggunakan penggeser penggesek untuk menggulir secara horizontal melalui tayangan slide saya. Saya ingin konten saya berulang, tetapi untuk alasan apa pun itu hanya berulang sekali dan kemudian berhenti.

Pengaturan slider swiper saya terlihat seperti ini:

var swiper = new Swiper(".swiper-container", {
  direction: "horizontal",
  mousewheelControl: true,
  slidesPerView: "auto",
  freeMode: true,
  followFinger: true,
  loop: true
});

Pena kode: https://codepen.io/Dennisade/pen/ZPygbr

Saya menghargai bantuan apa pun

0
Dennis 21 Maret 2019, 13:59

1 menjawab

Jawaban Terbaik

Pada Swiper versi 4.5.0, ada tiga hal yang menyebabkan kesalahan dalam kode Anda:

mousewheel: {
  releaseOnEdges: true,
},

Anda juga dapat menghapus direction: "horizontal" dan followFinger: true dalam kasus ini.

Jadi solusinya adalah:

var swiper = new Swiper(".swiper-container", {
  slidesPerView: "auto",
  freeMode: true,
  loop: true,
  loopedSlides: 8 // according to the codepen
  mousewheel: {
    releaseOnEdges: true,
  },
});

Periksa codepen Anda yang saya fork yang berfungsi: https://codepen.io/olig/pen/rgmPyb

4
Olivier 17 Mei 2019, 17:33