Horizontal scrolling well aligned with the x axis

Design help Layout & Design
1

Hi everyone,

I’m working on a Webflow project and in my mobile version, I want to enable horizontal scrolling on a slider without affecting vertical scrolling. In other words, I want the horizontal swipe to be smooth, and the screen should not move vertically during this motion.

You can better understand my problem with this video screen

Do you have any ideas or tips on how to achieve this effectively in Webflow? Thank you for any help or JavaScript code that might work for this request.

Thanks a lot!

2

Your video file is private so I can’t see, but I would recommend swiper js for something like that

3

Hi, thank you ! Now is public :slight_smile:

5

How is your slider currently built?

On one hand, it’s standard behavior - if you swipe down a bit, it will move down. If it was a bit “stickier”, that would be its own problem because then people trying to scroll past it would get stuck.

On the other hand, I’ve never noticed anything like this when using swiper.js - so if you’re not already, give it a go!