Giters

nolimits4web / swiper

Most modern mobile touch slider with hardware accelerated transitions

Home Page:https://swiperjs.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Swiper Element / Svelte / two row infinite smooth autoplay loop issue

eftichis0202 opened this issue · comments

commented

Check that this is really a bug

  • I confirm

Reproduction link

https://codesandbox.io/p/sandbox/hg2ydd

Bug description

Good day,

i am trying to set up the swiper with two rows, and just loop them smoothly and infinitely.

this is the current set-up:

<swiper-container space-between={spaceBetween} centered-slides={false} direction="horizontal" loop={true} free-mode={true} loopAddblankSlides={false} speed={1000} infinite={true} grid={{ rows: 2, fill: 'row' }} autoplay={{ delay: 0 }} freeMode={true} breakpoints={{ 320: { slidesPerView: 3, spaceBetween: 30 // Consistent space for simplicity } }} pagination={{ el: '.swiper-pagination' }} rewind={false} > <swiper-slide>Slide 1</swiper-slide> <swiper-slide>Slide 2</swiper-slide> <swiper-slide>Slide 3</swiper-slide> <swiper-slide>Slide 4</swiper-slide> <swiper-slide>Slide 5</swiper-slide> <swiper-slide>Slide 6</swiper-slide> <swiper-slide>Slide 7</swiper-slide> <swiper-slide>Slide 8</swiper-slide> </swiper-container>

This does not work as intended - it pauses a bit after each change, and then continues. I would like to have a continuous slider that simply scrolls right to left infinitely.

Thank you for your help.

Expected Behavior

No response

Actual Behavior

No response

Swiper version

"swiper": "^11.1.1"

Platform/Target and Browser Versions

macOs Google Chrome

Validations

  • Follow our Code of Conduct
  • Read the docs.
  • Check that there isn't already an issue that request the same feature to avoid creating a duplicate.
  • Make sure this is a Swiper issue and not a framework-specific issue

Would you like to open a PR for this bug?

  • I'm willing to open a PR
commented

closing this due because no-one was able to help