Community forum for knowledge and support

Updated 9 months ago

A Slider That Doesn't Overshoot

At a glance

The community member is looking to add a slider/carousel to their website, but has found the options on Relume to be flawed, as the slider can be continuously scrolled to the left, resulting in empty space on the screen. The community member is looking for a solution that would only allow the slider to scroll to the left until the last card is on the right of the screen.

In the comments, another community member suggests using a tool like https://www.resliders.com/, which combines Relume's sliders with a slider library like Swiperjs or Slick slider, or manually integrating with libraries like Swiperjs or Splidejs to achieve the desired result.

Useful resources

Hey Lumers, I wanted to put a slider/carousel into my site. Although there are many options on Relume, they all seem to me to be quite flawed? As you can keep pressing left until all of the cards bar the last one have exited the screen? Ideally I guess one would want the slider only to go left until the last card was on the right of the screen, and not have all this empty space .any idea how i might achieve that?

M
1 comment

yeah the flaw is with Webflow actually. Your best bet is https://www.resliders.com/ which combines our sliders with a slider library like Swiperjs or Slick slider.

Other options would be to integrate manually with swiperjs or splidejs to achieve that result and much more.

Add a reply
Sign up and join the conversation on Slack