Image horizontal scroll effect with vertical scroll locked

Ask the community
,
1

Do you know how to get this effect on Wix? https://youtu.be/yXnK8ND76z8?si=I9ceAmwV9QbvpLbP

2
  1. Horizontal Scroll lock - #24 by jjwhiteberry
  2. Horizontal scroll using editorx / velo
  3. How to hide horizontal scrolls?
  4. Html element horizontal scroll
  5. onViewportEnter not working for horizontal scrolls ?
  6. [HELP NEEDED!] Horizontal Scrolling
  7. https://www.youtube.com/watch?v=vpA_BDe9X5c
  8. …and so on…
1 Like
3

-Generating real horizontal-scrolling will be a very difficult task to do it on Wix-Sites.
-Maybe on Editor-X or the new Wix-Studio-Editor it is/will be possible.
-On the ordinary one, you will have to be very very tricky to get what you want and at the end it will for sure be just some kind of workaround, but not a real HORIZONTAL-SCROLLING.

So what could be your options?
-HTML-COMPONENT: Since the working space inside the ordinary Wix-Editor is limited (dashed lines in the center of the editor) → you could place a HTML-Component (iFrame) and strech it to totaly WIDTH of your page.

You could even add several ones and write some code, which would determine at which position your y-scrolling is on your wix site (while scrolling) and send it over to each of the embeded HTML-Components, which are listening all the time to the Y-SCROLL-POSITION.

Once a specific Y-Scroll-Position is reached → an event is fired and send some signal to one of your HTML-Components, now you could fire some X-Scrollings (animations) inside your HTML-Component(s).

Another way would be to use → Custom elements, but the result would be probably the same.

A third option would be to try to use → Wix-Animation. Since none of the Wix-Editors provides a REAL-ELEMENT-REPOSITIONING on your Wix-Page, maybe Wix-Animation-API at least can simulate it.

And last but not least, you could try to add some CUSTOM-CODE directly onto your WEBSITE inside the DASHBOARD.

Good luck!

1 Like