How to prioritize horizontal scroll in mobile slider

Design help General
1

Hello,

Is there a way to prioritize horizontal scrolling on mobile for a slider so that when the user swipes to the next slide it doesn’t also do a vertical scroll and slide down the page?

Thanks in advance!

2 Likes
2

This is a problem I’ve been suffering from alot… can someone please answer this? thanks

3

Hey All,

Has anyone found a solution to this? I’ve scoured the forums but nothing I’ve seen resolve this issue (I could have missed something though).

I’ve created a simplistic mockup of what I’m trying to achieve. Please try this on a phone.

Live preview: https://mobile-slider-test.webflow.io/

Share link:
https://preview.webflow.com/preview/mobile-slider-test?utm_medium=preview_link&utm_source=designer&utm_content=mobile-slider-test&preview=994fe36f87ad1c3eec0de058b1d16e27&mode=preview

Hoping someone can help. :+1:t5:

1 Like
4

Hi Brenski

I’m dealing with the same issue, I’ve looked everywhere but I can’t find the solution. If I get it, I’ll send it to you.

Thanks for sharing the mockup, it’s excellent to explain the point.

1 Like
5

Thanks Oswaldo, it would be great if you found a solution!

I’m almost giving up on this and starting to look at swiper.js - there’s a little code involved but it looks like it works perfectly on mobile. No scroll conflicts and a TON of options.

Check out the how-to on the forum:

Good luck!
:+1:t5:

1 Like
6

Hey there webflow comunity. I got the same issue. Is there any workaround? Or do you have planned to fix this in future updates of your roadmap? It is really annoying. I bet everybody who uses it can tell.