How to Create Horizontal Scroll

In the next tutorial we will learn how to create horizontal scrolling animations in Wix Studio without code.

If you managed to create one yourself, I would appreciate it if you could share in the comments.

Live example:

#wixstudio #nocode #scroll

[CodeKingTrigga]

Thanks for the video, Very informative, I sat down step by step and was able to accomplish the mission!!! 💪💪💪

Man, this was truly the best tutorial video I've ever watched about Wix. Thank you!

[joyaclub]

Thanks for this. You are a great resource and these videos are very helpful. 

I also don’t mind when you forget or make mistakes along the way because when you correct it, it actually explains things more clearly.

[katreenayvesDelPuerto]

Thanks bestie! Your tutorial helped me achieve what I wanted on my website. I also had fun with your voiceover. NYAYAHHA Overall, 100/10! Please make more content LIKE THIS PRETTY PLEASE ..

[mikeberro]

Amazing video. Im having an issue with my items as they are 100vh but still getting cut off from the bottom.

[KeithHepburn]

Thanks. Your about the only person who has really explained VPH(W) so it makes more sense. I need to try this with my own designs and see how well I get on.

Can't help but feel Wix Studio needs updating when it comes to Horizontal Scroll as it seems overly complicated for what you are trying to achieve.

My third box dropped down and have no idea why. Also what's the easiest way to work on each element once its off screen I can't seem to understand how to manage the boxes with it being off screen. So difficult but this has helped a lot.

[BlowAway]

Exactly what I had been looking for. Thank you so much! :)

[BlowAway]

Hii, how can you make the scroll action/view snap to each slide? So that it doesn't scroll linearly, but is briefly held in place for each slide? Much appreciate your help!

[vivianokeke]

Very useful, thank you for always bring amazing ideas to spice up our designs.

[globalangIL]

Thank you so MUCH! It helped me a lot.

[staticmotion]

this is an amazing tutorial man thank you so much

[junesbee]

can you also show how to make this with a repaeter? I've been trying to tinker with it but it's not working because it doesn't let me set item size

[mhoctest]

I have an issue where 100VH and 100VW make the 3 boxes inside the flexbox lager than my actual viewbox, happens on multiple devices too where the page extends beyond the viewport. Any ideas?

[Idan_researcher-deyr]

So my issue is when I’m trying to add the animation to it, the distance is not changing at all from 63vw, is it only me and I can just let wix know about it?

[duinduinlechien]

Hi thanks for your video, very cool animation ! It seems i have a problem with the scroll fonction. When i make my navigator full screen or change de dimensions of the window, the animation start on unwanted time or create a diagonal movement. Is there a way to fix it ? Or had i make a mistake ? Thanks for your help !

[vishnupillaicultnostimi]

when i follow the instruction, the scroll happens in the preview 0f the wix editor but after publishing the site - scroll does not work on the browser

[Epirium]

this is awesome, how do i make multiple elements inside flexbox item and make overlap animation on each other on scroll, like a man and overlapping a t shirt on him on scroll

[JohnVigil]

I'd really appreciate if you can help me. I'll try to be as clear as possible.

I have 4 item boxes. In each box, I have text left aligned with a margin of 48px on the left to give it some space.

Because the margin is docked to the item box and the items are in a flex box with max content (That constantly stretches), in certain larger screen sizes the text content isn't aligned to my other content with 48px margin because the flex box keeps expanding. Is there any way to fix this so my text content stays aligned?

When I take the entire Section and apply "Max Width" I get the margin I want, but there's a random white space on the left side.

[FamilyTieRecords]

Beginner question. But for some reason, my Text in the middle of the item is super low, instead of centered. Even though it is center when I am editing. How do I fix this? Otherwise, great video!

[XX_Level-up]

How do I create a horizontal scroll with only 40% more width one time?