Amazing scroll effects with Editor X and Velo

Ask the community
,
1

It would be awesome if I could talk to the creator of these sites or someone in the forum show the code for how each of these effects are coded with Velo.

  1. https://jonathant99.editorx.io/mysite-16 How do you make the horizontal scrolling text and how do you make the page scroll slowly down by itself.

  2. https://jonathant99.editorx.io/mysite-17 https://jonathant99.editorx.io/stickyscrollanim How does he achieve these scroll effects?

  3. https://dolevb.editorx.io/mysite-18 How do I create the scrolling text and hover interactions?

  4. https://klarak8.editorx.io/website-7 how do I make the background color change as you scroll through the page?

Thanks. These sites are really cool.

2

Hi. Were you able to find the code or tutorials for any of these?

3
  1. Possible on normal editor.
    2a) Can also be done on normal editor → but a lot of coding needed!
    2b) Hmmm → i don’t know if this one would be possible to be maden on normal-e…
  2. → can be also done with normal editor.
  3. —> Where is the scroll-effect?
4

@russian-dima Thanks for your response. Regarding #1 text scrolling sideways… Are you suggesting the default on hover effects by using the x,y values? Thx

5

@info52

I just recognized that a STRIP can not be pinned on the page, damn!
My idea was to pin a STRIP on page/screen and do the rest with the help of Wix-Animation-Api, making the stip → invisible.

But seems this one will not work.

What perhaps could work → creating an own custom-element.

Also a workaround could be to use a BOX → which can be pinned on screen and working inside the boxe with wix-animation.

More tricky than i expected!

6

In Editor X you can pin or use the sticky effect on a container… but I still don’t understand how the text slide animation works. I looked at the Animation API but wasn’t able to see a reference.

7

https://www.wix.com/velo/reference/wix-animations

https://www.wix.com/velo/reference/velo-package-readmes/animation-helpers

8

Awesome. Thank you!