# Animations on users scroll

**URL:** <https://forum.wixstudio.com/t/animations-on-users-scroll/32973>\
**Category:** Ask the community\
**Tags:** code, question\
**Created:** [August 26, 2021, 9:39pm UTC](https://forum.wixstudio.com/t/animations-on-users-scroll/32973 "2021-08-26T21:39:37Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![tranelj](https://avatars.discourse-cdn.com/v4/letter/t/a4c791/32.png) [@tranelj](https://forum.wixstudio.com/u/tranelj)\
**Post date:** [August 26, 2021, 9:39pm UTC](https://forum.wixstudio.com/t/animations-on-users-scroll/32973/1 "2021-08-26T21:39:37Z")

</div>

I have asked this before but several months ago. Has Velo added any new scripts to track a user scroll? I have been trying to make an image rotate based on a user scroll. I saw this on a demo with text. As the user scrolled up or down, the text would move. I was told this was coming soon so just thought I would ask.

---

<div class="post-metadata">

**Author:** ![CODE-NINJA](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/code-ninja/32/110588_2.png) [@CODE-NINJA](https://forum.wixstudio.com/u/CODE-NINJA)\
**Post date:** [August 27, 2021, 12:49am UTC](https://forum.wixstudio.com/t/animations-on-users-scroll/32973/2 "2021-08-27T00:49:56Z")

</div>

You can use wix-animations for your purposes.

---

<div class="post-metadata">

**Author:** ![CODE-NINJA](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/code-ninja/32/110588_2.png) [@CODE-NINJA](https://forum.wixstudio.com/u/CODE-NINJA)\
**Post date:** [August 27, 2021, 12:49am UTC](https://forum.wixstudio.com/t/animations-on-users-scroll/32973/3 "2021-08-27T00:49:56Z")

</div>

You can use wix-animations for your purposes.

---

<div class="post-metadata">

**Author:** ![tranelj](https://avatars.discourse-cdn.com/v4/letter/t/a4c791/32.png) [@tranelj](https://forum.wixstudio.com/u/tranelj)\
**Post date:** [August 27, 2021, 4:26am UTC](https://forum.wixstudio.com/t/animations-on-users-scroll/32973/4 "2021-08-27T04:26:09Z")

</div>

Thank you for getting back with me. I don’t believe Wix Animation can accomplish what I am trying to do. I want to make an image rotate based on the users scroll. Please check out this site as an example. [https://www.vouschurch.com/.](https://www.vouschurch.com/.) You can see the scrolling text and the praying hands move based on the scroll.

---

<div class="post-metadata">

**Author:** ![workiapps](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/workiapps/32/25032_2.png) [@workiapps](https://forum.wixstudio.com/u/workiapps)\
**Post date:** [August 27, 2021, 6:16am UTC](https://forum.wixstudio.com/t/animations-on-users-scroll/32973/5 "2021-08-27T06:16:40Z")

</div>

@tranelj You can do with Wix animation or try with custom element.  
[https://support.wix.com/en/article/velo-example-coding-a-more-robust-custom-element](https://support.wix.com/en/article/velo-example-coding-a-more-robust-custom-element)

---

<div class="post-metadata">

**Author:** ![CODE-NINJA](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/code-ninja/32/110588_2.png) [@CODE-NINJA](https://forum.wixstudio.com/u/CODE-NINJA)\
**Post date:** [August 27, 2021, 6:21am UTC](https://forum.wixstudio.com/t/animations-on-users-scroll/32973/6 "2021-08-27T06:21:19Z")

</div>

@tranelj  
Of course you can do it, but therefore you will need more then just the wix animation. You will have to use…

1. setInterval
2. in combination with —\>  
[https://www.wix.com/velo/reference/wix-window/getboundingrect](https://www.wix.com/velo/reference/wix-window/getboundingrect)
3. +Wix animations

Combined all together → it should be possible to achieve your aim.

What you have to know? What your code must be able to proceed?

1. You have to know if you scroll-down or up? → YES! Why?  
This will let your CODE know if some scroll-movement is happening.

2. If some movement is happening → start ANIMATION!

That’S it → Well done!

---

<div class="post-metadata">

**Author:** ![helloturnercollectiv](https://sea1.discourse-cdn.com/wix/user_avatar/forum.wixstudio.com/helloturnercollectiv/32/7953_2.png) [@helloturnercollectiv](https://forum.wixstudio.com/u/helloturnercollectiv)\
**Post date:** [August 25, 2022, 2:14am UTC](https://forum.wixstudio.com/t/animations-on-users-scroll/32973/7 "2022-08-25T02:14:34Z")

</div>

Would you be able to share the code for this animation? I can’t seem to figure it out
