# Can not replicate this with inteactions

**URL:** https://forum.pinegrow.com/t/can-not-replicate-this-with-inteactions/10249
**Category:** Design
**Tags:** interactions
**Created:** [January 17, 2025, 12:04pm UTC](https://forum.pinegrow.com/t/can-not-replicate-this-with-inteactions/10249 "2025-01-17T12:04:22Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![MeetMarioDev](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/meetmariodev/32/6535_2.png) [@MeetMarioDev](https://forum.pinegrow.com/u/MeetMarioDev)
#### Post date: [January 17, 2025, 12:04pm UTC](https://forum.pinegrow.com/t/can-not-replicate-this-with-inteactions/10249/1 "2025-01-17T12:04:22Z")

</div>

I have a design that animates the progressbar around the “back-to-top” button with queryselector and wants to move it over to interactions with greensock instead.

But I can not for the life of me get this to work.

Any interaction wisard here that can help me out?

Link to the design:

[https://test.meetmario.dev/](https://test.meetmario.dev/)

github: [GitHub - meetmariodev/test: Have a design I need help with](https://github.com/meetmariodev/test)

---

<div class="post-metadata">

### Author: ![MeetMarioDev](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/meetmariodev/32/6535_2.png) [@MeetMarioDev](https://forum.pinegrow.com/u/MeetMarioDev)
#### Post date: [January 20, 2025, 9:46am UTC](https://forum.pinegrow.com/t/can-not-replicate-this-with-inteactions/10249/2 "2025-01-20T09:46:20Z")

</div>

I did find this discussion about implementing gsap in the way I try to do here:

[https://gsap.com/community/forums/topic/32401-how-to-make-back-to-top-with-progress-indicator-locomotive-scroll/](https://gsap.com/community/forums/topic/32401-how-to-make-back-to-top-with-progress-indicator-locomotive-scroll/)

Any Idea on how to add this with interactions or should I go about it the manual way.

Would sure like to learn how to translate gsap from examples into actionable things in pinegrow desktop app… 😅

---

<div class="post-metadata">

### Author: ![MeetMarioDev](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/meetmariodev/32/6535_2.png) [@MeetMarioDev](https://forum.pinegrow.com/u/MeetMarioDev)
#### Post date: [January 30, 2025, 11:18am UTC](https://forum.pinegrow.com/t/can-not-replicate-this-with-inteactions/10249/3 "2025-01-30T11:18:38Z")

</div>

I have managed to convert the Javascript to gsap code, not through pinegrow but manually. Now a new problem … I have the navigation getting cut off when scrolling down and then scroll a bit up again. You can see it in the test site. It is driving me insane.

Anyone having an idea where I did it wrong?

---

<div class="post-metadata">

### Author: ![Blep](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/blep/32/6497_2.png) [@Blep](https://forum.pinegrow.com/u/Blep)
#### Post date: [January 30, 2025, 6:31pm UTC](https://forum.pinegrow.com/t/can-not-replicate-this-with-inteactions/10249/4 "2025-01-30T18:31:42Z")

</div>

Hi Mario,

I’ve implemented your GSAP back-to-top button with the circular progress animation. I’ve created a fork of your repository and submitted a Pull Request with these changes.

The implementation includes:

- GSAP animations for smooth transitions
- Circular progress indicator
- Mobile-friendly design
- Detailed documentation

Hope that helps 🤞

---

<div class="post-metadata">

### Author: ![MeetMarioDev](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/meetmariodev/32/6535_2.png) [@MeetMarioDev](https://forum.pinegrow.com/u/MeetMarioDev)
#### Post date: [January 30, 2025, 7:01pm UTC](https://forum.pinegrow.com/t/can-not-replicate-this-with-inteactions/10249/5 "2025-01-30T19:01:05Z")

</div>

Will check it as soon as my kids have gone to sleep. Thx for your help!
