# How to make Pinegrow Interactions only load after page-load Lottie animation has finished?

**URL:** <https://forum.pinegrow.com/t/how-to-make-pinegrow-interactions-only-load-after-page-load-lottie-animation-has-finished/11351>\
**Category:** Pinegrow Interactions Add-on\
**Tags:** interactions, animations\
**Created:** [January 27, 2026, 5:00pm UTC](https://forum.pinegrow.com/t/how-to-make-pinegrow-interactions-only-load-after-page-load-lottie-animation-has-finished/11351 "2026-01-27T17:00:25Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![ai\_slop](https://avatars.discourse-cdn.com/v4/letter/a/50afbb/32.png) [@ai\_slop](https://forum.pinegrow.com/u/ai_slop)\
**Post date:** [January 27, 2026, 5:00pm UTC](https://forum.pinegrow.com/t/how-to-make-pinegrow-interactions-only-load-after-page-load-lottie-animation-has-finished/11351/1 "2026-01-27T17:00:25Z")

</div>

I have a full screen lottie logo animation that plays on page load. Users can swipe or click to skip it if they wish.

However, I’d like to use Pinegrow Interactions to add a hero text fade in, followed by some scroll animations further down the page. The problem is that they play prematurely in the background behind the logo animation.

Is there any way of delaying the Pinegrow animations to only play once the Lottie animation has finished? Open to any JS code solution also. Thanks in advance.

---

<div class="post-metadata">

**Author:** ![ai\_slop](https://avatars.discourse-cdn.com/v4/letter/a/50afbb/32.png) [@ai\_slop](https://forum.pinegrow.com/u/ai_slop)\
**Post date:** [January 28, 2026, 1:20am UTC](https://forum.pinegrow.com/t/how-to-make-pinegrow-interactions-only-load-after-page-load-lottie-animation-has-finished/11351/2 "2026-01-28T01:20:15Z")

</div>

Just thinking out loud here (I’m new to JS so sorry if this is obvious to some)…

Would it be possible to :

1. use the pgia API to pause all scroll interactions on page load that are above the fold - i.e. all the animations visible on screen once the Lottie splash screen finishes
2. My lottie animation plays
3. Use some PG API function to play or refresh the scroll animations/scene by putting a call back fn. on the lottie JS complete event listener?

I’m not really clear on what the relevant PG API functions are for pausing and resuming scroll scenes.

To grossly oversimplify the last step, I mean something like this:

lottiePageLoadAnimation.addEventListener(“complete”, function () {  
`pgia.elementAnimationsManager.refreshAnimations(element, descendants)`;  
});

---

<div class="post-metadata">

**Author:** ![PeteSharp](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/petesharp/32/7134_2.png) [@PeteSharp](https://forum.pinegrow.com/u/PeteSharp)\
**Post date:** [January 28, 2026, 1:55am UTC](https://forum.pinegrow.com/t/how-to-make-pinegrow-interactions-only-load-after-page-load-lottie-animation-has-finished/11351/3 "2026-01-28T01:55:59Z")

</div>

You can set a Trigger, and assign a custom event.

 ![CleanShot 2026-01-28 at 14.54.26@2x](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/2/2730bd4420237f29a0425687d1ce8c696122a40b.jpeg)

---

<div class="post-metadata">

**Author:** ![ai\_slop](https://avatars.discourse-cdn.com/v4/letter/a/50afbb/32.png) [@ai\_slop](https://forum.pinegrow.com/u/ai_slop)\
**Post date:** [January 28, 2026, 2:05am UTC](https://forum.pinegrow.com/t/how-to-make-pinegrow-interactions-only-load-after-page-load-lottie-animation-has-finished/11351/4 "2026-01-28T02:05:37Z")

</div>

Thanks Pete. I’ll give that a go and see how I get on.