How I do i get a multi-column slider to stop at a certain position/slide?

Design help Animations & Interactions
1

I have a multi-column slider on my page under the “Our Artists” section and once you reach the very end of the slides, at the last slide, there is a large amount of empty space.

How do I combat this so that my slides stop at a certain position of the page so that there isn’t the empty space at the end of my slider? Is it possible to restrict scrolling at a certain slide so that the end slide doesnt reach that the position?

Here’s a video that might help explain:
ezgif.com-gif-maker
End of Slider

slider
slider1482×689 82.6 KB

Here is my public share link: https://preview.webflow.com/preview/hokuneia-site?utm_medium=preview_link&utm_source=designer&utm_content=hokuneia-site&preview=f104ec5b31449cf56250cbc4d4325c90&mode=preview

2

Seems like you’ve solved it.

3

Yes, I have! Thanks for checking in!

4

For the solution (if anybody needs it), I just added additional divs in side the last slide to take up the space.

5

Hey! I’m having the same issue. How exactly did you solve it?

6

Check out the tutorial here on adding extra divs at the end of the slider: Creating a multi-column slider in Webflow - YouTube