Animation with mouse scroll.

Ask the community
,
1

Hello everyone. Hope everyone is having a good start to 2021.

Does anybody know what to use to get the animation as shown below? The two lines change positions with the scroll of mouse up and down.
https://www.wix.com/velo?utm_campaign=em_blast_velo_notification_corvid-to-velo_30122020_en_en#comp-kj8bbyr5

2

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

$w("#myElement").onXXXXXX( (event) => {
2  let clientX = event.clientX;  // 362
3  let clientY = event.clientY;  // 244
4  let offsetX = event.offsetX;  // 10
5  let offsetY = event.offsetY;  // 12
6  let pageX = event.pageX;      // 362
7  let pageY = event.pageY;      // 376
8  let screenX = event.screenX;  // 3897
9  let screenY = event.screenY;  // 362
10} );
3

I guess

4

Thanks for the reply. With the wix animation, I don’t think it’s possible to replicate the animation above. In the sample above, the lines move in sync with mouse scroll. You scroll slowly and the lines move slowly. However, with wix animations, once the function is triggered, the animation runs.

5

@iamhapot
Not sure, but you perhaps should be able to generate this one in EDITOR-X.

You already tried it with animations?
How do look your code for it?