I wanted to create a horizontal scroll effect. Visit this website built on Webflow https://basvanstraaten.com/#services . When you scroll down to the ‘services’ section, it starts a horizontal scroll until it reaches the last item, then continues scrolling down. How can I create this on Editor X? I’ve tried working with the Overflow Scroll function but it never scrolls horizontally automatically when I reach that section on my page. Only way to scroll horizontally is to add a horizontal scroll bar, which i don’t want. I want it to automatically scroll horizontally.
I’m struggling with the exact same too, and it is indeed very frustrating. BUT I think there IS a workaround using Velo
I sadly don’t discover how yet, nor am I any close to become a Velo professional but following this post , @stcroppe is a Velo Expert –Well Velo* Expert– who seems to know how to achieve horizontal scroll and even guided someone in the Forum to achieve a very similar gallery effect.
You may contact him via email or the Forum and try to ask him about this (I haven’t dared just yet )
Though this wouldn’t make the WHOLE website horizontal, it’d just make a repeater slide sideways (apparently layouters nor wix pro galleries support the functions needed for the workaround)
I… I’m not pointing any fingers here, b-but everyone from the Wix Support claims there is simply no way to hijack horizontal scroll through code; but it seems an onMouseScroll() function unchaining a slide event is possible.
If you decide to contact Mr. Steve Cropper, I wish you luck in your endeavor and, if he indeed answers you back –we’ve been told he’s actually very polite n’ supportive– consider letting us know by updating this post.
P.D. I actually remember watching an example of your work on horizontal websites (and even a tutorial) on your YT channel… very good ;v
yes Exactly. @sebi-vidret For example, if I add a Layouter and set it to display as a Slider, the only way to scroll through the slider is using the scroll bar or using a two finger swipe gesture on a laptop mouspad. To make it easier for visitors to scroll through the slider carousel, it would be great if your team could add a feature where the site visitor can drag through the slider with the mouse by clicking and dragging. To better illustrate this, visit the website https://www.wildsouls.gr/en and scroll down to the second section. You can click and drag through the products slider.
Also adding an arrow to the slider would be helpful. (Kind of how Netflix has an arrow to enable scrolling through the movies.)
Additionally, I don’t like the horizontal scroll bar enabled for the slider because the design of the scroll bar doesn’t match the design of my website. (Especially on a Windows device) It would be great if we could design a custom scroll bar for the slider that matches the site.
Lastly, a feature where the slider hijacks the scroll. So if I’m scrolling down the page and the slider comes into the viewport, whilst scrolling down, it will scroll through the slider first, then continue scrolling down the rest of the page. Hope that makes sense.
Here’s another post related to this one that might be a perfect turnaround if you can fix the code / layout adjustment : I had asked for a Velo solution in order to create custom scroll buttons for layouters and repeaters in slider mode.
But it seems that I can’t fix the code or layout adjustment required to achieve it, and I am still waiting for a good samaritan to review it.
)
.