GSAP Scroll trigger doesn’t play when element is already visible on page load


Hi Webflow team :waving_hand:

I’m using Interactions with GSAP and a Scroll → Trigger actions setup (Enter = Play) to animate elements when they become visible.

The issue:
If an element is already inside the viewport on page load (above the fold), the animation does not play until the user scrolls, even though the element is already visible and within the Start range.

This makes it impossible to achieve a true “play when visible” behavior for above-the-fold content using Scroll triggers alone.

Is this a known limitation of the GSAP Scroll trigger in Webflow?

Is there a native way to trigger the animation on initial visibility without requiring user scroll, other than duplicating animations with Page Load?

Thanks!

Hey, Cassie from GSAP here.

You will need to un-toggle the clamp settings in this screenshot. This shouldn’t actually be the default so thanks for pointing that out.

1 Like