Stop elements from restarting animation if already in viewport on ScrollTrigger.refresh()

[bstnhnsl]

I'm using Scrolltrigger to animate some elements on my page when entering or leaving the viewport. I have a few places where I need to call ScrollTrigger.refresh() because content is removed from and added to the DOM. I dont want elements to animate again if they are already in the viewport. How can I achieve that?

 

See the demo:

Scroll down to trigger the headline animation. The Headline animates again if the button is clicked

 

See the Pen poVvVyM by bstnjns (@bstnjns) on CodePen

[GreenSock]

Sorry about that, @bstnhnsl - I believe that was a regression in 3.11.1. It should be resolved in the next release which you can preview at https://assets.codepen.io/16327/ScrollTrigger.min.js (you may need to clear your cache)

 

Better? 

[bstnhnsl]

I was on 3.11.0, updating to 3.11.1 fixed the problem. Thanks for the help ❤️