GSAP Scroll Interaction not working / flowing" properly when the site is published

Design help Animations & Interactions
1

Hi There
I made this gsap scroll animation. Within the Webflow Preview mode, it looks perfect. But when I export it, it doesnt flow properly and elements get stuck
Can some of the Webflow Experts help me figuring out what´s happening?

This is my share link:

This is the Published link of it:

Thanks in Advance!

2

Hi there,

If you’re seeing differences in how animations behave between preview and published versions, here’s what you need to know:

The most common cause is conflicting animation settings. To ensure consistent behavior, keep these best practices in mind:

  • Avoid using both CSS transitions and GSAP animations on the same elements
  • Use transform and opacity properties for smoother performance instead of width/height
  • For 3D animations, ensure your animated elements are nested within a container that has perspective applied

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.

3

Can I have an answer from a person and not an AI moderator please?